mirror of
https://github.com/directus/directus.git
synced 2026-01-29 16:28:02 -05:00
c2e7c85bbd
* move component docs to documentation * update app docs tables for components * update docs * Add components to docs sidebar * fix generated tables * fix tables * rename transitions * update tables * update nested components * update tables * update tables * update tables * update v-table table * add basic documentation to each component * remove all stories of storybook * add missing documentation * undate tables * update tables * update docs sidebar * update app docs * remove unused references * add general readme * update docs * make reference titiles smaller * add reference tag * improve docs * update order of tabs in sidebar * remove all readmes and stories from interfaces/displays * Cleanup menu * Remove storybook Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
1.4 KiB
1.4 KiB
Dialog
Renders an overlay with a flex slot rendering whatever content you pass.
<v-dialog>
<v-sheet>
<h2>Are you sure you want to delete this item?</h2>
<v-button>No</v-button>
<v-button>Yes</v-button>
</v-sheet>
</v-dialog>
Reference
Props
| Prop | Description | Default | Type |
|---|---|---|---|
persistent |
Disable closing by clicking on the side | false |
Boolean |
active |
Can be used in combination with v-model |
undefined |
Boolean |
placement |
Display it either in the center or to the right |
'center' |
String |
Slots
| Slot | Description | Data |
|---|---|---|
| default | Whatever should be rendered inside the dialog | |
activator |
Insert an activator for the dialog |
Events
| Event | Description | Value |
|---|---|---|
toggle |
Change the active state | boolean |
esc |
Escape has been pressed | boolean |
CSS Variables
| Variable | Default |
|---|---|
--v-dialog-z-index |
100 |