Layout
Modal
An accessible dialog with backdrop, focus trap, and configurable size.
Preview:1280px
Modal renders as an overlay — trigger via button in your app.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | false | Controls visibility. |
| onClose | () => void | - | Fired on backdrop click or Escape key. |
| title | string | - | Modal heading. |
| size | 'sm' | 'md' | 'lg' | 'md' | Controls max width. |
| footer | ReactNode | - | Content in the modal footer (action buttons). |