Actions
- Button
- Dropdown
- FAB / Speed Dial
- Modal
- Swap
- Theme Controller
Data display
- Accordion
- Avatar
- Badge
- Card
- Carousel
- Chat bubble
- Collapse
- Countdown
- Diff
- Hover Gallery
- Kbd
- List
- Stat
- Status
- Table
- Timeline
Navigation
- Breadcrumbs
- Dock
- Link
- Menu
- Navbar
- Pagination
- Steps
- Tabs
Feedback
- Alert
- Loading
- Progress
- Radial progress
- Skeleton
- Toast
- Tooltip
Data input
- Calendar
- Checkbox
- Fieldset
- File Input
- Filter
- Label
- Radio
- Range
- Rating
- Select
- Text Input
- Textarea
- Toggle
- Validator
Layout
- Divider
- Drawer
- Footer
- Hero
- Indicator
- Join
- Mask
- Stack
Mockup
- Browser
- Code
- Phone
- Window

Badge

Badge sizes

Xsmall

Small

Medium

Large

Xlarge

Badge with colors

Primary

Secondary

Accent

Neutral

Info

Success

Warning

Error

Badge with soft style

Primary

Secondary

Accent

Info

Success

Warning

Error

Badge with outline style

Primary

Secondary

Accent

Info

Success

Warning

Error

Badge with dash style

Primary

Secondary

Accent

Info

Success

Warning

Error

neutral badge with outline or dash style

Outline

Dash

Badge ghost

ghost

Empty badge

Badge with icon

Info

Success

Warning

Error

Badge in a text

Heading 1 Badge

Heading 2 Badge

Heading 3 Badge

Heading 4 Badge

Heading 5 Badge

Paragraph Badge

Data display Badge

Badge

Badge sizes

Badge with colors

Badge with soft style

Badge with outline style

Badge with dash style

neutral badge with outline or dash style

Badge ghost

Empty badge

Badge with icon

Badge in a text

Heading 1 Badge

Heading 2 Badge

Heading 3 Badge

Heading 4 Badge

Heading 5 Badge

Badge in a button