Theme
Sheet
A panel that slides in from the inline end.
Examples
Props
Sheet
A panel that slides in from the inline end, for detail and settings beside the page.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | The dialog's title: its accessible name, and what the reader sees first. |
children | ReactNode | — |
Keyboard
| Key | Does |
|---|---|
| Escape | Closes it and returns focus |
Accessibility
- A modal dialog in another shape: the same focus containment and naming.
- It slides from the left in right-to-left text.
- Rendered in a portal at the end of the document, so it is not clipped by an overflow ancestor.
- Entering and leaving animations use motion tokens, which are zero under prefers-reduced-motion.