Components
The library consists of 56 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
Aspect Ratio
Constrains content to a given aspect ratio while filling available width
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
Charts
Collection of chart components for visualizing data
Checkbox
Binary input control for selecting multiple options
Color
Color picker input for selecting colors
Commands
Searchable command palette with keyboard navigation and grouping
Context Menu
Floating menu that appears on right-click at the cursor position
Copy Clipboard
Button that copies text to clipboard with feedback
Counter
Input field with character count and limit functionality
Divider
Visual separator between content sections
Drawer
Sliding panel that appears from screen edges
Dropdown
Menu that appears when clicking a trigger element
Dropzone
Drag and drop area for file uploads
Emoji Picker
Searchable emoji picker with grouped tabs and hover previews
File
File upload input with preview and management
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
Kbd
Keyboard key visualization component
Marquee
Animated scrolling text or content
Menubar
Horizontal menu bar with labeled triggers that open floating menus on click
Modal
Dialog box that appears on top of main content
OTP
One-time password input with multiple fields
Overflow
Scrollable container with gradient shadow indicators for overflowing content
Pagination
Navigation for splitting content into pages
Password
Secure text input with show/hide password toggle
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
Resizable
Layout container that splits content into resizable panels
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
Slider
Draggable input for selecting a numeric value or range
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
Textarea
Multi-line text input for longer content
Toast
Temporary notification message that appears and disappears
Tooltip
Small popup that appears when hovering over an element