Overlays

Dialog

Dialog's a slick component used in other parts of your project that need dialog, like modal, sheet, color picker, and more.

Basic

There’s not much to see here, but you can check out the Modal and Color Picker documentation for more details.

Just a heads up: when you grab related components like modal, sheet, or color-picker, the dialog component gets included automatically. No need to worry about installing it separately.

Installation

If you hit any issues, make sure you check out the installation guide here for more information.

Composed Components

Plug this component into the CLI, and it automatically loads all the included components. No need to add them individually.

The Dialog comes packed with a variety of components to make it stand out.

Button

Buttons be the real MVPs, man! They're all about gettin' stuff done, whether it’s slamming that form submit or hoppin' to another page.

Heading

Heading is a component used to display titles and subtitles, providing a clear structure and emphasis for organizing and presenting content.

Manual Installation

Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.

BreadcrumbsSheet