The shadcn-svelte components, as the apps customised them.
- Accordion Stacked sections that expand one or several at a time.
- Alert A callout for something the reader should notice.
- Alert dialog A modal that asks to confirm before something drastic.
- Avatar A user's picture, falling back to initials.
- Badge A small label for a status or a count.
- Breadcrumb The path from the root to the current page.
- Button Every button variant and size.
- Button group Buttons joined into one control.
- Calendar A month grid to pick a date.
- Card A surface with a header, content and footer.
- Checkbox A checkbox, with a label through Field.
- Command A searchable list of commands, also as a palette.
- Context menu A menu on right click or long press.
- Dialog A modal window over the page.
- Drawer A panel sliding up from the bottom, made for phones.
- Dropdown menu A menu opened from a button.
- Empty The parts of an empty state, to compose your own.
- Field Label, control, description and error, laid out together.
- Input A text input; password managers stay off unless asked.
- Input group An input with addons: icons, text or buttons.
- Input otp One box per digit for a one-time code.
- Label A label for a form control.
- Menubar A desktop-style bar of menus.
- Pagination Links to the pages of a long list.
- Popover Floating content anchored to a trigger.
- Progress How far along something is.
- Radio group Pick one of a few options.
- Range calendar A month grid to pick a start and an end date.
- Resizable Panes split by a draggable handle.
- Scroll area A scrolling box with a styled scrollbar.
- Select Pick one option from a list.
- Separator A line between groups of content.
- Sheet A panel sliding in from a side of the screen.
- Sidebar The app sidebar: groups, menus, collapsing to icons.
- Skeleton Placeholder shapes while content loads.
- Slider Pick a value or a range by dragging.
- Sonner Toasts, styled by the theme.
- Spinner An indeterminate loading indicator.
- Switch An on or off toggle.
- Table Rows and columns of data.
- Tabs In-page tabs that switch panels without navigating.
- Textarea A multi-line text input.
- Toggle A button that stays pressed.
- Toggle group Toggles where one or several stay pressed.
- Tooltip A hint on hover or focus.