Engram

Sheet

component

A drawer/modal that slides from an edge — the mobile inspect backbone (bottom sheet) and side drawer.

Install

npx shadcn@latest add @engram/sheet

Registry item: /r/sheet.json — the machine-readable definition agents install from.

Example

Props

PropTypeDefaultDescription
open*boolean
onClose*() => void
sideSheetSide"bottom"Edge the sheet slides from. Default bottom (the mobile inspect pattern).
children*ReactNode
labelstringAccessible label for the dialog.
classNamestring

Own the code: shadcn add copies this component's source into your repo to read and edit directly. Extend without forking — edit the source, use asChild to swap the element, or pass the typed annotations prop for curated data.