Components

Every component in chunks-ui.

• Accordion — Stacked collapsible sections.
• Avatar — User image with initials fallback.
• Breadcrumb — Location within a page hierarchy.
• Button — Button with variants, colors, loading state and icons.
• Calendar — Standalone date grid with min/max bounds.
• Card — Grouped content layout.
• Checkbox — Checked, unchecked and indeterminate states.
• Chip — Small label or tag, optionally removable.
• ClearButton — Small icon button for clearing values.
• Collapsible — A single togglable section.
• Combobox — Autocomplete with filtering and multi-select chips.
• CopyButton — Copies a value to the clipboard.
• DatePicker — Calendar in a popover.
• Dialog — Modal dialog with backdrop, title and description.
• Drawer — Side or bottom sheet overlay.
• Empty — Empty state for lists, tables and search results.
• Field — Form field with label, description and error.
• IconButton — Square button for a single icon.
• Input — Text input with adornments and clear button.
• InputCopy — Read-only input with a copy button.
• Label — Standalone form label.
• Loader — Animated spinner.
• Menu — Dropdown menu with items, groups and radio groups.
• NumberField — Numeric input with steppers and scrub area.
• Pagination — Navigation for paginated content.
• Popover — Positioned popup with optional arrow.
• Progress — Determinate and indeterminate progress bar.
• Radio — Radio buttons and radio groups.
• Resizable — Split panes with draggable, keyboard-operable handles.
• ScrollArea — Scrollable container with overlay scrollbars.
• Select — Single-select dropdown with grouped options.
• Separator — Horizontal or vertical divider.
• Skeleton — Pulsing loading placeholder.
• Slider — Draggable single-value or range input.
• Switch — Toggle switch.
• Table — Styled HTML table.
• Data Table — Data tables with TanStack Table; a recipe built on Table, not an export.
• Tabs — Tabbed navigation with animated indicator.
• Textarea — Multi-line input with optional auto-resize.
• ThemeToggle — Light/dark theme switch.
• Toast — Notifications triggered with useToast.
• ToggleGroup — Toggle buttons, single or multiple.
• Tooltip — Hover and focus tooltip.