MazBackdrop
MazBackdrop is a standalone component to manage components that need a backdrop
INFO
Before you have to import the global css files in your project, follow instructions in Getting Started
TIP
This component uses <Teleport to="body">, so you can implement this component anywhere you want
Props, Event & Slots
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| modelValue | boolean | - | false | |
| teleportSelector | string | - | 'body' | |
| beforeClose | TSFunctionType | - | undefined | |
| persistent | boolean | - | false | |
| noCloseOnEscKey | boolean | - | false | |
| transitionName | string | - | 'backdrop-anim' | |
| backdropClass | TSIndexedAccessType | - | undefined | |
| backdropContentClass | TSIndexedAccessType | - | undefined |
Events
| Event name | Properties | Description |
|---|---|---|
| open | emitted when modal is open | |
| close | emitted when modal is close | |
| update:model-value | emitted when modal is open or close | |
| before-close | emitted before modal is close |
Slots
| Name | Description | Bindings |
|---|---|---|
| default |