Dialog
Dialog provides a modal surface with headline, body, icon, and action slots built on the native <dialog> element.
Props
| Name | Description | Default | Control |
|---|---|---|---|
closeOnBackdropOptional | Whether clicking the backdrop closes the dialog. boolean | undefined | true | |
openOptional | - boolean | undefined | false |
Events
| Name | Type | Description |
|---|---|---|
update:open | [value: boolean] | - |
cancel | [event: Event] | - |
close | [returnValue: string] | - |
Slots
| Name | Parameters | Description |
|---|---|---|
icon | - | Optional leading icon content. |
headline | - | Optional dialog headline. |
default | - | Supporting text or custom body content. |
actions | - | Action buttons row. |