Layout Components
Data-driven layout components for building admin interfaces and dashboards
PageHeader
Consistent page header with title, description, and action buttons
Team Members
Manage your team members and their permissions
SearchInput & FilterSelect
Search input with debouncing and filter dropdown for data tables
Showing 5 of 5 users
DataTable
Sortable data table with custom column rendering and pagination
| Status | ||||
|---|---|---|---|---|
| Alice Johnson | alice@example.com | active | Admin | 2024-01-15 |
| Bob Smith | bob@example.com | active | Member | 2024-02-20 |
| Charlie Davis | charlie@example.com | pending | Member | 2024-03-10 |
Showing 1-3 of 5
Page 1 of 2
ActivityFeed
Timeline of recent activities with icons and relative timestamps
New user registered
Charlie Davis joined the platform
Document uploaded
Alice Johnson uploaded quarterly-report.pdf
Team invitation sent
Bob Smith invited 3 new members
Security alert
Failed login attempt detected
Scheduled maintenance
System update completed successfully
Empty States
Components handle empty states gracefully with custom messages
Empty DataTable
| Status | ||||
|---|---|---|---|---|
| No team members found. Add your first member to get started. | ||||
Empty ActivityFeed
No recent activity to display