Sheet

Sheet and dialog primitives.

Use this to move through the product or reveal supporting content without losing context.

Preview and code

Loading preview...

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @circle-ui/sheet

This is a lower-level building block. Reach for it when you need direct control over layout, behavior, or styling in a larger surface.

Registry

@circle-ui/overlay-action

@circle-ui/utils

npm

class-variance-authority

vaul

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/circle-ui/sheet.tsx

pnpm dlx shadcn@latest add https://registry.circle.health/circle-ui/sheet.json