Drawer
Full-height side dialog assembled with Header, Title, Description, Body, Footer and Close. Small/base collapse to viewport minus 16px; flex always fills that width. Provide Title or an explicit aria-label/aria-labelledby.
Использование
Размеры
view
API
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
trigger | ReactElement<any, string | JSXElementConstructor<any>> | — | Optional interactive opener; forwards DOM props/ref. |
open | boolean | — | — |
defaultOpen | boolean | | — |
onOpenChange | (open: boolean) => void | — | — |
onOpen | () => void | — | — |
onClose | () => void | — | — |
size | "small" | "base" | "flex" | small | 480px, 640px, or viewport minus 16px; all shrink to viewport minus 16px. |
view | "inline" | "floating" | inline | Visual shape only; floating rounds the panel. |
modal | boolean | | Trap focus, block background interaction and lock page scrolling. |
Last updated on