Components

A modal confirmation dialog for destructive or important actions.

Combines a trigger, filter input, and selectable list.

A menu opened by right click or context interaction.

A modal window overlaid on the page content.

A bottom sheet dialog for secondary workflows.

Displays a menu anchored to a trigger.

Shows rich preview content when hovering a trigger.

Displays floating content anchored to a trigger.

A side panel dialog that slides from an edge.

A small label shown on hover or focus.

Displays a button or link styled as a button.

Groups related button actions into a compact control.

A date picker calendar built on react-day-picker through Preact compat.

Composes labels, controls, descriptions, and validation messages.

A styled text input control.

Wraps inputs with addons, buttons, and inline controls.

Accessible label styling for form controls.

A styled native select control with minimal JavaScript.

A custom select menu for choosing one option.

A multi-line text input control.

A two-state button for on/off controls.

An image element with fallback content for representing a user.

A compact label for status, metadata, or counts.

A flexible container for grouped content and actions.

Displays keyboard shortcuts in documentation and product UI.

Displays tabular data with shadcn-compatible styling.

Shows the path to the current page in a hierarchy.

A horizontal application menu with dropdown content.

A responsive navigation menu with dropdown panels.

Navigation controls for paginated collections.

Layered sections of content with tab triggers.

Displays a callout for user attention.

A placeholder state for empty lists, dashboards, or search results.

Shows completion progress for a task.

A loading placeholder with the shape of future content.

An animated loading indicator.

Keeps media and custom content within a consistent ratio.

Visually or semantically separates content.