Component Showcase
Testing all Shadcn/UI components with dark mode
Buttons
Different button variants and sizes
Badges
Status indicators and labels
DefaultSecondaryDestructiveOutlineLIVEUpcomingCompleted
Form Elements
Inputs, labels, and selects
Table
Tournament matches example
| Match | Round | Status | Score |
|---|---|---|---|
| Player A vs Player B | Final | LIVE | 21-19, 18-21 |
| Player C vs Player D | Semi-Final | Completed | 21-15, 21-18 |
| Player E vs Player F | Quarter-Final | Scheduled | - |
Tabs
Tournament information tabs
Tournament overview and general information.
Skeleton Loaders
Loading states for content
Dialog
Modal dialogs
Dropdown Menu
Context menus and actions
Badminton Color Palette
Custom design tokens for sports theme
Primary
Court Green
Secondary
Court Blue
Accent
Shuttlecock
Destructive
Error