Modal
Modal dialog. Teleports to body; closes via ESC, overlay click, or the close button.
Basic usage
Large form shell (lg)
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
| modelValue | boolean | — | v-model open state (required) |
| title | string | — | title |
| subtitle | string | — | subtitle line under the title |
| width | string | '520px' | width |
| closeOnOverlay | boolean | true | close on overlay click |
| size | 'md' | 'lg' | 'md' | lg = large form shell (centered + backdrop blur + icon close) |
| glow | boolean | false | corner ambient glow (with lg) |
| flushHeader | boolean | false | header floats transparently over content (cover-image cards) |
Events
| Name | Payload | Description |
|---|---|---|
| update:modelValue | (v: boolean) | open state change |
Slots
| Name | Description |
|---|---|
| header | custom header (overrides title/subtitle) |
| subheader | extra area below the header |
| default | body |
| footer | footer actions |