Component Library

Browse, preview, and copy components

Data Tables

Powerful data tables with sorting, filtering, pagination, selection, and custom cell renderers.

Users Management

12 users

Manage all users in your organization

User
Role
Department
Status
Salary
Progress
Joined
AL

Alice Johnson

alice@example.com

AdminEngineeringactive$95,000.00
85%
Jan 15, 2023
BO

Bob Smith

bob@example.com

DeveloperEngineeringactive$75,000.00
72%
Mar 20, 2023
CA

Carol Williams

carol@example.com

DesignerDesigninactive$70,000.00
45%
Feb 10, 2023
DA

David Brown

david@example.com

ManagerSalesactive$85,000.00
90%
Nov 5, 2022
EV

Eva Garcia

eva@example.com

DeveloperEngineeringpending$72,000.00
60%
Jun 1, 2023
Rows per page:1-5 of 12

Table Variants

Order ID
Customer
Product
Amount
Status
Date
ORD-001
JO

John Doe

john@example.com

MacBook Pro$2,499.00completedJan 15, 2024
ORD-002
JA

Jane Smith

jane@example.com

iPhone 15$999.00shippedJan 16, 2024
ORD-003
MI

Mike Johnson

mike@example.com

AirPods Pro$249.00processingJan 17, 2024
ORD-004
SA

Sarah Williams

sarah@example.com

iPad Air$599.00completedJan 18, 2024
ORD-005
TO

Tom Brown

tom@example.com

Apple Watch$399.00cancelledJan 19, 2024
Rows per page:1-5 of 8

Orders

Track and manage customer orders

Order ID
Customer
Product
Amount
Status
Date
ORD-001
JO

John Doe

john@example.com

MacBook Pro$2,499.00completedJan 15, 2024
ORD-002
JA

Jane Smith

jane@example.com

iPhone 15$999.00shippedJan 16, 2024
ORD-003
MI

Mike Johnson

mike@example.com

AirPods Pro$249.00processingJan 17, 2024
ORD-004
SA

Sarah Williams

sarah@example.com

iPad Air$599.00completedJan 18, 2024
ORD-005
TO

Tom Brown

tom@example.com

Apple Watch$399.00cancelledJan 19, 2024
ORD-006
EM

Emily Davis

emily@example.com

MacBook Air$1,299.00shippedJan 20, 2024
ORD-007
CH

Chris Miller

chris@example.com

Magic Keyboard$299.00completedJan 21, 2024
ORD-008
LI

Lisa Garcia

lisa@example.com

Studio Display$1,599.00processingJan 22, 2024
Rows per page:1-8 of 8

Usage Example

Basic DataTable with Actions
User
Role
Department
Status
AL

Alice Johnson

alice@example.com

AdminEngineeringactive
BO

Bob Smith

bob@example.com

DeveloperEngineeringactive
CA

Carol Williams

carol@example.com

DesignerDesigninactive

Sorting & Filtering

Click column headers to sort. Use the filter icon for column-specific filtering.

Custom Cells

Use built-in cell components: AvatarCell, StatusBadge, ProgressCell, CurrencyCell, DateCell.

Actions & Selection

Built-in row actions dropdown and multi-select with bulk operations.

Responsive Table

Automatically switches from table (desktop) to cards (mobile). Resize your browser to see.

NameMarie Dupont
RoleAdmin
Statusactive
NameJean Martin
RoleEditor
Statusactive
NameSophie Bernard
RoleViewer
Statuspending
NamePierre Leroy
RoleEditor
Statusinactive
NameClaire Moreau
RoleAdmin
Statusactive

Page 1 of 5 (25 items)