Sheet

A panel that slides in from any edge, built on the Radix Dialog primitive with overlay, header, footer, title, description, and a corner close button.

sheetdrawerpaneloverlayradix

Open preview in new tab

How do I install the Sheet component?

Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.

npx shadcn@latest add https://www.saasuji.com/r/sheet.json

Dependencies

Also available as a markdown reference for AI agents: /components/sheet.md

Related components

Dialog

An accessible modal window built on Radix Dialog, with overlay, header, footer, title, description, and an optional corner close button.

Drawer

A swipeable sheet built on Base UI Drawer that slides in from any edge, with snap points, a drag handle, and accessible title and description primitives.

Scroll Area

A custom-scrollbar container built on Radix Scroll Area that keeps native scrolling and keyboard behaviour while theming the track and thumb.