Components
Explore our collection of reusable, accessible components. Click on any component to view details, examples, and code.
Layout
Components for organizing and separating content
Flex
A flexible layout component with container query support for responsive flex layouts.
Fold
A collapsible disclosure component for expanding and collapsing content sections.
Grid
A powerful grid layout component with container query support for responsive grid layouts.
Divider
A horizontal or vertical divider for separating content.
Gallery
A responsive grid layout component for displaying media content like images, videos, and product cards.
Composition
Components that combine other components
Group
A flexible container for grouping Button, Input, and Select components with unified styling.
Form
A Form component for organizing form elements.
Action
Components for triggering user actions
Button
A clickable element that triggers an action.
Command
A searchable command palette for quick access to actions.
Confirm
A confirm dialog for critical user actions.
Input
Form inputs for capturing user data
Input
Text input field for capturing user data.
Select
Dropdown select component for choosing from multiple options.
Textarea
Multi-line text input field for longer user input.
Checkbox
A checkbox input for selecting one or multiple options.
Radio
A radio button for selecting one option from a group.
Switch
A toggle switch for boolean input.
Slider
A slider component for selecting a value from a range.
Display
Components for presenting information
Label
Text label for form elements.
Badge
A small badge component for displaying labels or status.
Tooltip
Displays additional information on hover or focus.
Feedback
Components for system notifications and feedback
Popover
A popover component for displaying content on demand.
Toast
A notification component for displaying temporary messages.
Progress
A progress bar component for showing completion status.
Navigation
Components for organizing and navigating content
Tabs
A tabbed interface for organizing content into sections.
Menu
A context menu for right-click actions.
Breadcrumbs
A navigation component that displays the current page in a hierarchy and allows users to navigate to parent pages.
Container
Components for wrapping and structuring content
Modal
A modal dialog for focusing user attention on important content.
Card
A card component for grouping related content.
Data
Components for displaying and managing data like tables and visualizations
| Name | |
|---|---|
| Alice | alice@example.com |
Table
A table component for displaying and organizing tabular data.