Components
Component docs
Generated API and registry documentation for each Stalk UI component.
Typography
Renders body text with consistent size, weight, and tone.
HeadingTitles a section with a semantic heading level.
BlockquoteSets apart a quotation as a distinct block.
CodeMarks inline code or a short command within running text.
KbdMarks a keyboard key or shortcut.
LinkNavigates to another page or resource.
Forms
Triggers an action or submits a form.
CalendarDisplays a month grid for selecting a single date or a range.
CheckboxToggles a binary option in a form or settings surface.
ComboboxSelects a value from a searchable list in a popover.
DatePickerPairs a typed date field with a calendar popover.
DatetimeInputCollects a date, time, or date-and-time as locale-aware masked text.
FormWires react-hook-form fields to accessible labels, descriptions, and errors.
InputCollects short-form text from a user.
LabelAssociates text with a form control.
OtpInputCollects a one-time passcode across discrete, auto-advancing slots.
PhoneInputCollects an international phone number with a country selector and live formatting.
RadioSelects one option from a related set of choices.
SelectLets a user choose one option from a native menu.
SliderSelects a numeric value or range along a track.
SwitchToggles a setting on or off.
TextareaCollects multi-line text from a user.
TimePickerSelects a time of day with hour, minute, and AM/PM selects.
ToggleA two-state button for inline preferences and toolbar controls.
Data Display
Represents a user or entity with an image, initials, or fallback content.
BadgeDisplays compact status or metadata.
CardGroups related content and actions on a single bordered surface.
DataListPresents label/value pairs as an aligned definition list.
DataTableRenders sortable, paginated tabular data with TanStack Table.
QrCodeRenders a scannable QR code, optionally with a center logo.
TablePresents rows and columns of data in an accessible HTML table.
TagLabels content with a compact, optionally interactive chip.
Feedback
Surfaces an inline, persistent status message.
ProgressShows the completion progress of a task.
SkeletonReserves layout space with a shimmering placeholder while content loads.
SpinnerIndicates an indeterminate loading state with an accessible label.
ToastSurfaces transient notifications via a Sonner-backed toaster region.
Overlay
Interrupts with a modal that requires an explicit confirm or cancel.
DialogDisplays modal content in a focus-trapped overlay.
HoverCardPreviews rich content when a link or control is hovered or focused.
PopoverDisplays interactive floating content from a trigger.
SheetSlides a panel in from a screen edge for secondary content or forms.
TooltipProvides supplemental context when a control is hovered or focused.
Navigation
Provides a searchable, keyboard-driven command palette.
ContextMenuReveals a menu of actions on right-click or long-press.
DropdownMenuDisplays a keyboard-accessible menu of actions from a trigger.
MenubarProvides a persistent menu surface for top-level application commands.
NavigationMenuPresents site navigation with links and rich dropdown panels.
TabsOrganizes related content into selectable panels.