Advanced Component Features
Advanced Table Features
| Employee | Department | Performance | Projects | Rating |
|---|---|---|---|---|
Employee 1 employee1@company.com | Engineering | 64% | P1 | |
Employee 2 employee2@company.com | Design | 68% | P1 P2 | |
Employee 3 employee3@company.com | Marketing | 72% | P1 P2 P3 | |
Employee 4 employee4@company.com | Sales | 76% | P1 P2 P3 +1 | |
Employee 5 employee5@company.com | Engineering | 80% | P1 P2 P3 +2 | |
Employee 6 employee6@company.com | Design | 84% | P1 P2 P3 +3 | |
Employee 7 employee7@company.com | Marketing | 88% | P1 P2 P3 +4 | |
Employee 8 employee8@company.com | Sales | 92% | P1 P2 P3 +5 | |
Employee 9 employee9@company.com | Engineering | 96% | P1 P2 P3 +6 | |
Employee 10 employee10@company.com | Design | 100% | P1 P2 P3 +7 |
Advanced Form Patterns
Dashboard Card Compositions
Total Revenue
$48,291
Recent Activity
User action #1
5 min ago
User action #2
10 min ago
User action #3
15 min ago
System Status
LiveAPI: Operational
Database: Healthy
CDN: High latency
Advanced Select Dropdown
Enhanced dropdown with search, multiple selection, and keyboard navigation.
Configuration Examples
Compact with Error
Large Success State
Disabled State
Tooltip Components
Interactive tooltips with various triggers and styles using Alpine Anchor for smart positioning.
Basic Tooltips
Simple text tooltips with different placements and variants.
Icon Tooltips
Common UI patterns with helpful tooltips.
Rich Content Tooltips
Complex tooltips with formatted content using the composable API.
Interactive Tooltip
Upgrade to Pro
Get access to advanced features including:
- Unlimited projects
- Priority support
- Advanced analytics
Click Trigger
Click-triggered Tooltip
This tooltip appears on click and stays open until you click elsewhere. Great for displaying detailed information.
Press Escape to close
User Profile
Sarah Chen
@sarahchen
Senior Product Designer with 8+ years of experience in UX/UI design.
Service Status
Degraded Performance
System Status
API: Operational
CDN: High Latency
Database: Operational
Last updated: 2 min ago
Form Field Tooltips
Help users understand form fields with contextual tooltips.
Advanced List Patterns
Timeline
- 1
Completed important task with significant impact
- 2
Completed important task with significant impact
- 3
Completed important task with significant impact
- 4
Completed important task with significant impact
Feature Comparison
Pro Plan
PopularUnlimited projects
Advanced analytics
Priority support
Custom domains
White-label options