For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
When to use
- Record detail opened over a list or table: a ticket, metric, cron job, audit event, deploy, SLO or data source
- Create and edit forms in a side panel for a project, cron job, firewall rule, SLO or data connection
- Utility panels for help guides, keyboard shortcuts, an AI assistant, comments, notifications or view settings
When not to use
- A bare side panel with your own header, body and footer, nothing prebuilt: use the Sheet component
- A persistent sidebar or navigation layout that stays around every page: use the App Shell blocks
- An assistant conversation that fills the whole page rather than a side panel: use the AI Chat blocks
Agent notes
- Each root renders a demo
SheetTriggerbutton and opens on mount viadefaultOpenor auseStateseeded true; start it closed in your app - Each
SheetContentclassName floats it inset withinset-y-4,right-4androunded-xland sets its own width; resize it there, not in the primitive - Each page.tsx only centers the trigger in a
min-h-svhmain with ansr-onlyh1; render the root component alone inside your page
Third-party API docs
- Sonner v2: API reference, docs, used by 14 of 24 blocks
- Shiki v4: API reference, docs, used by 7 of 24 blocks
- Recharts v3: API reference, docs, used by 5 of 24 blocks
- React DayPicker v9: API reference, docs, used by 2 of 24 blocks
- Motion v12: API reference, docs, used by 1 of 24 blocks (the docs follow the latest Motion, with no React API break since v12)
- date-fns v4: docs, used by 1 of 24 blocks
Markdown
https://reui.io/blocks/application/sheet.mdMCP
search({ query: "sheet", type: "block", category: "sheet" })Shadcn Sheet Blocks: Side Panels for Details, Editing and Notifications
A sheet is the right answer when the user needs the page and the detail at once. These blocks ship the detail drawer with its header, tabs and footer actions, the edit sheet with validation, and the notification center with mark-all-as-read, on the shadcn Sheet.
13 of them are operations sheets for cron jobs, audit events, deploys, firewall rules and requests, SLOs and data connections. Most of their detail sheets step through records from the header and put an Undo on the toast after a change.
All Sheet Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Create Project Inset right project create Sheet with inline metadata comboboxes and target date picker
- Help Center Right-side help and support Sheet with search field and grouped guide links
- Keyboard Shortcuts Searchable keyboard shortcuts reference in a right inset sheet, grouped by section
- AI Model Chat Inset right AI assistant sheet with model selector, suggestion chips, and composer toolbar
- Comment Thread Inset right comment thread Sheet with reply, react, resolve and open-only filter
- View Customizer Inset right view customizer sheet with quick toggles and layout mode picker
- Notifications Feed Inset right notifications sheet with unread badge, mark-all-read, and rich activity feed
- Relay Settings Inset right settings sheet with scrollable two-section form, header and sticky footer
- Ticket Edit Sheet Inset right ticket details Sheet with inline per-row editing and save actions
- Copilot Chat Inset right AI assistant chat sheet with prompt suggestions and pinned composer toolbar
- Metric Detail Sheet Right-Side Metric Detail Sheet with Target Progress, Owners, Alert Rule, and Changes Timeline
- Cron Job Detail Cron job detail sheet with run history logs, duration chart and schedule settings
- New Cron Job New cron job sheet with schedule presets, cron validation and a next runs preview
- Audit Event Detail Audit event detail sheet with config diff, raw JSON and request trace
- Canary Rollout Deploy rollout sheet with a live canary pipeline, streaming logs and health charts
- Failed Deploy Failed deploy sheet with stage pipeline, full log and one-click retry
- New Firewall Rule New firewall rule sheet with a condition builder and live match preview against recent traffic
- Edit Firewall Rule Firewall rule edit sheet with a condition builder, live match preview and sampled log matches
- Firewall Request Firewall request detail sheet with a decision trace and raw log JSON
- SLO Error Budget SLO detail sheet with error budget burn-down, burn rate alerts and event exclusions
- New SLO New SLO sheet with objective presets, burn alert switches and a live error budget preview
- Data Connection Data connection detail sheet with sync health, dataset linking and masked data preview
- New Connection New connection wizard sheet with integration catalog, connection test and dataset picker
- Dataset Preview Dataset preview sheet with masked sample rows, a schema view and upstream column drift
What the Sheet blocks cover
Application screens, each a full block with fixture data:
- Create forms: a project with inline metadata pickers, a cron job with schedule presets, a firewall rule with a condition builder, an SLO with a live error budget, and a 3 step connection wizard
- Record details: ticket fields edited in place, a KPI with target progress and a changes timeline, and a cron job with run logs and a duration chart
- Release and security: a live canary rollout, a failed deploy opened on its log, an audit event with a config diff, a firewall rule editor and a firewall request trace
- Reliability and data: an SLO with an error budget burn-down, a data connection with sync health, and a dataset preview with masked PII
- Assistants and help: 2 AI chat panels with suggestion chips, a help center with guide links, and a searchable keyboard shortcuts reference
- Workspace panels: a comment thread with resolve, a notifications feed with mark-all-read, a view customizer, and a settings form with a sticky footer
Built from
- shadcn/ui components Button, Sheet, Tabs, Select, Chart, Alert Dialog, Scroll Area, Tooltip, Field, Input Group, the same components your project already owns.
- ReUI primitives Code Block for logs and JSON, Filters for rule conditions, Frame, Alert, Badge, Timeline, Stepper and Number Field.
- Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
Can the sheet be resized?
Not by dragging. Each block sets one width between 25rem and 40rem, capped at the viewport width minus 2rem so it fits a phone. Change the width class on SheetContent to make it wider or narrower.
How do I install a Sheet block?
Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.
Is a license needed?
Sheet blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.