Components

Browse all component examples

Advanced Components Complete Application Example Dark Mode Optimized Components Dropdown Menu Components Feedback Components Form Components Icon Gallery Layout Components Modal Components Modern Styling Features Navigation Components Table & List Components Toggle Components Typography Components Utility Components

← Back to documentation

Table & List Components Demo

Table Component

Display structured data in responsive tables.

Employee	Department	Status	Hire Date	Actions
JS John Smith john.smith@company.com	Engineering	Active	Jan 15, 2022	Edit \| Delete
ED Emily Davis emily.davis@company.com	Marketing	On Leave	Mar 22, 2021	Edit \| Delete
MB Michael Brown michael.brown@company.com	Sales	Active	Nov 8, 2023	Edit \| Delete

Compact Table

Metric	Value	Change
Revenue	$125,420	+12.5%
Users	8,291	+5.2%
Bounce Rate	42.1%	-2.3%

List Component

Various list styles for different content types.

Bullet List

First item in the list
Second item with more content
Third item with a link
Fourth and final item

Numbered List

Step one: Initialize project
Step two: Install dependencies
Step three: Configure settings
Step four: Deploy to production

Checklist (Visual)

✓ Completed task
✓ Another finished item
✓ Successfully deployed
○ Pending review

Feature List

Unlimited Projects
Create as many projects as you need
Team Collaboration
Work together in real-time
Advanced Analytics
Track performance metrics