Get Started

Layout

Typography

Blockquote Code Heading Highlight Kbd Link

Base Components

Accordion Badge Button Button Group Collapsible Hover Card Popover Segment SignaturePanel Tag Toggle Toggle Group Tooltip

Navigation

Breadcrumb Tabs

Data Display

Avatar Avatar Group Calendar Card CardCalendar DataList Empty Image StarRating Statistic Table Timeline Tree

Form

Checkbox Input NumberInput NumberStepper Radio Group Select Slider Switch Textarea

Feedback

Alert AlertDialog Circle Progress Dialog Drawer Loading Progress Skeleton

Dialog

Dialogs are used to display custom content to the user via a modal.

default

backdrop

hidden title/description

size

content scroll

custom footer

controlled mode

controlled Dialog must use open and onOpenChange to control the dialog visibility.