Drawer

Not in Production

Bottom sheet that slides over page content without dimming or blocking it.

Preview

Code

Inspect

Appearance

Content

title

description

primaryActionLabel

secondaryActionLabel

Layout & behavior

hasActionRow

hasDescription

isDismissible

Props — Drawer

Prop	Type	Description
`type`	`"textOnly" \| "customContent"`	Layout variant for drawer body.
`title`	`ReactNode`	Sheet heading.
`description`	`ReactNode`	Supporting text below the title.
`hasDescription`	`boolean`	Show the description block.
`hasActionRow`	`boolean`	Show the footer action row.
`primaryActionLabel`	`ReactNode`	Primary button label.
`secondaryActionLabel`	`ReactNode`	Secondary button label.
`isDismissible`	`boolean`	Show close control.
`onClose`	`() => void`	Called when the drawer is dismissed.
`open`	`boolean`	Controls sheet visibility.
`children`	`ReactNode`	Custom body content when type is customContent.
`surfaceOnly`	`boolean`	Render the sheet surface without open/close behavior.