# Shadcn Sheet blocks

> Sheet panels for record details, editing forms, notifications, and side drawers that keep users in context.

- Type: Pro blocks (Application)
- Page: https://web.dev.reui.io/blocks/application/sheet
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/sheet.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/sheet.md
- Blocks: 24
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## 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 [Sheet](https://web.dev.reui.io/components/sheet.md) (`get_component("sheet")`)
- A persistent sidebar or navigation layout that stays around every page: use the [App Shell blocks](https://web.dev.reui.io/blocks/application/app-shell.md)
- An assistant conversation that fills the whole page rather than a side panel: use the [AI Chat blocks](https://web.dev.reui.io/blocks/ai-agents/ai-chat.md)

## Agent notes

- Each root renders a demo `SheetTrigger` button and opens on mount via `defaultOpen` or a `useState` seeded true; start it closed in your app
- Each `SheetContent` className floats it inset with `inset-y-4`, `right-4` and `rounded-xl` and sets its own width; resize it there, not in the primitive
- Each page.tsx only centers the trigger in a `min-h-svh` main with an `sr-only` h1; render the root component alone inside your page

## Third-party libraries

- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started), used by 14 of 24 blocks
- Shiki v4: [API reference](https://shiki.style/guide/install), [docs](https://shiki.style/guide/), used by 7 of 24 blocks
- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/), used by 5 of 24 blocks
- React DayPicker v9: [API reference](https://daypicker.dev/v9/api), [docs](https://daypicker.dev/v9/start), used by 2 of 24 blocks
- Motion v12: [API reference](https://motion.dev/docs/react-motion-component), [docs](https://motion.dev/docs/react), used by 1 of 24 blocks (the docs follow the latest Motion, with no React API break since v12)
- date-fns v4: [docs](https://date-fns.org/v4.1.0/docs/Getting-Started), used by 1 of 24 blocks

## Blocks

- [Create Project](https://web.dev.reui.io/blocks/application/sheet/sheet-1.md): Inset right project create Sheet with inline metadata comboboxes and target date picker. Best for a borderless name and brief over a row of 7 inline pickers, with presets or a Calendar dialog for the target date and a tips list.
- [Help Center](https://web.dev.reui.io/blocks/application/sheet/sheet-2.md): Right-side help and support Sheet with search field and grouped guide links. Best for linked guide rows with icon tiles and tooltip badges under Suggested and Getting started, above 4 support links in the footer.
- [Keyboard Shortcuts](https://web.dev.reui.io/blocks/application/sheet/sheet-3.md): Searchable keyboard shortcuts reference in a right inset sheet, grouped by section. Best for read only Kbd chords and two key sequences in 5 groups, filtered live by name, group or key, with a no match state.
- [AI Model Chat](https://web.dev.reui.io/blocks/application/sheet/sheet-4.md): Inset right AI assistant sheet with model selector, suggestion chips, and composer toolbar. Best for a header model Select over answers carrying copy, rating, regenerate and create note actions, plus web, image and voice composer buttons.
- [Comment Thread](https://web.dev.reui.io/blocks/application/sheet/sheet-5.md): Inset right comment thread Sheet with reply, react, resolve and open-only filter. Best for reply quoting above the composer, per comment resolve and delete, a reaction count toggle, and Mark all resolved in a header menu.
- [View Customizer](https://web.dev.reui.io/blocks/application/sheet/sheet-6.md): Inset right view customizer sheet with quick toggles and layout mode picker. Best for a roadmap view's 4 switches and 2 layout radio cards drawn as SVG thumbnails, with a layout hint tooltip and Reset to the defaults.
- [Notifications Feed](https://web.dev.reui.io/blocks/application/sheet/sheet-7.md): Inset right notifications sheet with unread badge, mark-all-read, and rich activity feed. Best for a feed of 19 event kinds with inline Approve, Join and Accept buttons, star ratings, progress bars and file chips under an unread count.
- [Relay Settings](https://web.dev.reui.io/blocks/application/sheet/sheet-8.md): Inset right settings sheet with scrollable two-section form, header and sticky footer. Best for label beside control rows for a notification relay: quiet hours, time zone, channel, digest cadence, and escalation and retry switches.
- [Ticket Edit Sheet](https://web.dev.reui.io/blocks/application/sheet/sheet-9.md): Inset right ticket details Sheet with inline per-row editing and save actions. Best for per field pencil editing on 11 ticket rows with row Save and Cancel, a timed success toast and a Show all values reveal.
- [Copilot Chat](https://web.dev.reui.io/blocks/application/sheet/sheet-10.md): Inset right AI assistant chat sheet with prompt suggestions and pinned composer toolbar. Best for header New chat and Refresh context actions plus a menu that sends Summarize thread or Draft QA checklist, with auto scroll to the latest.
- [Metric Detail Sheet](https://web.dev.reui.io/blocks/application/sheet/sheet-11.md): Right-Side Metric Detail Sheet with Target Progress, Owners, Alert Rule, and Changes Timeline. Best for a read only KPI view with a hatched target bar, mono definition facts, a decision readout and a dated change timeline.
- [Cron Job Detail](https://web.dev.reui.io/blocks/application/sheet/sheet-12.md): Cron job detail sheet with run history logs, duration chart and schedule settings. Best for an existing scheduled job with duration bars per run, collapsible run logs with Retry and an edit form in a Settings tab.
- [New Cron Job](https://web.dev.reui.io/blocks/application/sheet/sheet-13.md): New cron job sheet with schedule presets, cron validation and a next runs preview. Best for a blank job form with 6 schedule presets, a cron line read back in words, the next 3 run times and a Create that focuses the first error.
- [Audit Event Detail](https://web.dev.reui.io/blocks/application/sheet/sheet-14.md): Audit event detail sheet with config diff, raw JSON and request trace. Best for an audit event with the actor's role, auth and session, a before and after config diff, and a Resource history scope for stepping.
- [Canary Rollout](https://web.dev.reui.io/blocks/application/sheet/sheet-15.md): Deploy rollout sheet with a live canary pipeline, streaming logs and health charts. Best for a live production canary opened on its Pipeline tab, a ticking demo clock advancing the stages, and Undo after each Promote or Roll back.
- [Failed Deploy](https://web.dev.reui.io/blocks/application/sheet/sheet-16.md): Failed deploy sheet with stage pipeline, full log and one-click retry. Best for a failed staging deploy opened on its full log, with Retry in the header and J and K stepping through the deploy history.
- [New Firewall Rule](https://web.dev.reui.io/blocks/application/sheet/sheet-17.md): New firewall rule sheet with a condition builder and live match preview against recent traffic. Best for a blank rule with a live count of recent requests it would match, 4 preview rows, an expiry and top or bottom placement in the rule order.
- [Edit Firewall Rule](https://web.dev.reui.io/blocks/application/sheet/sheet-18.md): Firewall rule edit sheet with a condition builder, live match preview and sampled log matches. Best for an existing rule split into Rule and Matches tabs, with an Enabled switch, a Save that unlocks only on a change and Delete behind a confirm.
- [Firewall Request](https://web.dev.reui.io/blocks/application/sheet/sheet-19.md): Firewall request detail sheet with a decision trace and raw log JSON. Best for a logged request's verdict, bot score and rate facts, a rule by rule decision trace, and Block IP or Allow IP buttons that add list entries.
- [SLO Error Budget](https://web.dev.reui.io/blocks/application/sheet/sheet-20.md): SLO detail sheet with error budget burn-down, burn rate alerts and event exclusions. Best for burn gauges per window on a log track, Events tab switches that exclude planned work or outages from the budget, and Copy as OpenSLO.
- [New SLO](https://web.dev.reui.io/blocks/application/sheet/sheet-21.md): New SLO sheet with objective presets, burn alert switches and a live error budget preview. Best for a blank objective that restates its target as outage time and failing events, with a threshold stepper only for latency or freshness.
- [Data Connection](https://web.dev.reui.io/blocks/application/sheet/sheet-22.md): Data connection detail sheet with sync health, dataset linking and masked data preview. Best for a whole connection across 4 tabs: a 24 hour sync chart, dataset link switches with drift, credential rotation and a connection test.
- [New Connection](https://web.dev.reui.io/blocks/application/sheet/sheet-23.md): New connection wizard sheet with integration catalog, connection test and dataset picker. Best for a 3 step wizard over a catalog of databases, warehouses, apps and files, with auth fields that change per source and a gated connection test.
- [Dataset Preview](https://web.dev.reui.io/blocks/application/sheet/sheet-24.md): Dataset preview sheet with masked sample rows, a schema view and upstream column drift. Best for the sample preview alone, with no sync controls or tabs: a dataset Select, a Rows or Schema toggle and PII columns masked by default.

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.