Components
The library consists of 48 main components and some sub-components which are documented in the same section.
Accordion
Expandable content sections that can be toggled open and closed
Accordion Group
Group of accordions that can be toggled open and closed individually or each at a time
Alert
Displays important messages or notifications to users
Avatar
Circular image component for user profiles or icons
Avatar Group
Group multiple Avatar components together in a cluster
Badge
Small visual indicator for status, counts, or labels
Badge Group
Groups multiple Badge components together with merged or spaced borders
Breadcrumbs
Navigation aid showing current page location in hierarchy
Button
Interactive element for triggering actions or events
Button Group
Groups multiple buttons together with joined borders for a unified appearance
Calendar
Date selection and display component with month view
Card
Container component for grouping related content
Carousel
Scrollable container for displaying multiple items horizontally
Marquee
Animated scrolling text or content
Checkbox
Binary input control for selecting multiple options
Commands
Searchable command palette with keyboard navigation and grouping
Copy Clipboard
Button that copies text to clipboard with feedback
Divider
Visual separator between content sections
Drawer
Sliding panel that appears from screen edges
Dropdown
Menu that appears when clicking a trigger element
Flex
Flexbox-based layout component for one-dimensional layouts
Grid
Grid-based layout component for two-dimensional layouts
Indicator
Small dot indicator for displaying status, presence, or alerts
Input
Standard text input field for single-line text entry
Color
Color picker input for selecting colors
Counter
Input field with character count and limit functionality
Dropzone
Drag and drop area for file uploads
File
File upload input with preview and management
Password
Secure text input with show/hide password toggle
Textarea
Multi-line text input for longer content
Kbd
Keyboard key visualization component
Modal
Dialog box that appears on top of main content
OTP
One-time password input with multiple fields
Pagination
Navigation for splitting content into pages
Popout
Floating element that appears relative to a trigger
Popout Hover
Floating interactive popout triggered by hover or focus events
Progress
Visual indicator for task completion or loading state
Radio
Input control for selecting a single option
Select
Dropdown for selecting from a list of options
Sheet
Bottom sheet that slides up from screen bottom
Sidebar
Vertical navigation panel typically on screen edges
Skeleton
Loading placeholder that mimics content structure
Spinner
Animated loading indicator
Switch
Toggle switch for binary options
Table
Data display component with rows and columns
Tabs
Container for organizing content into tabbed sections
Toast
Temporary notification message that appears and disappears
Tooltip
Small popup that appears when hovering over an element