Components

Sheet (Radix UI)

Extends the Dialog component to display content that complements the main content of the screen.

Loading

Installation

pnpm dlx shadcn@latest add @toui/sheet

Examples

Scrollable

Loading

Side

Loading

API Reference

This component is built using Radix UI Dialog primitives. For detailed information, please visit the full API reference.

SheetContent

This component is based on the Dialog.Content primitive and includes the following custom props:

PropTypeDefault
side enum "right"
overlay booleantrue
close booleantrue
className string

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.