ABC Def Documentation

v2.0.0

All components

Stacks related disclosure sections with controlled or uncontrolled expansion.

Presents contextual status, warning, or destructive messages inline.

Interrupts the flow for confirmations that can change or discard user data.

Keeps media and embedded content within a predictable proportional box.

Shows a person, team, or entity identity with fallback and grouping support.

Labels status, metadata, counts, and compact classifications.

Shows the current page location inside a hierarchy.

Triggers commands, submissions, and navigation-style actions.

Groups related actions into one compact command cluster.

Supports date selection, ranges, captions, and calendar-specific composition.

Frames a self-contained piece of content or a compact workflow.

Presents horizontally or vertically paged content with controls.

Toggles one or more independent boolean choices.

Shows and hides a single content region.

Combines search, filtering, and selection in one input pattern.

Builds command palettes and searchable action lists.

Provides contextual actions for a specific target.

Opens focused modal content without navigating away from the current page.

Slides supporting content or short workflows from an edge of the viewport.

Reveals a compact list of actions from a trigger.

Explains an empty state and offers a next action.

Composes labels, descriptions, errors, and controls into accessible form fields.

Shows rich, non-critical preview content on hover or focus.

Captures single-line text, search, numbers, dates, and other native input values.

Combines inputs with prefixes, suffixes, buttons, or helper text.

Captures one-time passcodes with grouped character slots.

Composes list rows with media, content, metadata, and actions.

Renders keyboard shortcuts and key chords.

Associates visible text with a form control.

Builds application-style menu bars with nested actions.

Styles native select controls while preserving platform behavior.

Navigation Menu

Creates structured top-level navigation with optional content panels.

Navigates through paged result sets.

Displays lightweight interactive content anchored to a trigger.

Communicates task completion as a determinate progress value.

Presents mutually exclusive choices.

Creates resizable panel groups for split views and editors.

Provides styled scrolling regions with consistent scrollbar treatment.

Provides a custom single-value selection control.

Visually separates related content sections or menu groups.

Shows side-panel content for navigation, filters, or secondary tasks.

Builds persistent or collapsible app side navigation.

Shows a loading placeholder that approximates the final layout.

Lets users choose a number or range from a bounded scale.

Provides toast rendering through the shared `Toaster` export.

Indicates indeterminate loading.

Toggles a single setting on or off.

Displays structured tabular data.

Switches between related panels in the same context.

Captures multi-line text.

Represents a pressed or unpressed command state.

Groups related toggle controls for single or multiple selection.

Adds short, non-interactive clarification to controls or labels.