mirror of
https://github.com/directus/directus.git
synced 2026-02-03 00:24:58 -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.2 KiB
1.2 KiB
Detail
Use the detail component to hide not so important information or elements.
<v-detail label="There is content hidden in me">
<div>I'm hidden until you open the component</div>
</v-detail>
Reference
Props
| Prop | Description | Default | Type |
|---|---|---|---|
active |
Used with v-model |
undefined |
Boolean |
label |
Label of detail | i18n.t('toggle') |
String |
start-open |
Have it open by default | false |
Boolean |
disabled |
Disable any interaction | false |
Boolean |
Events
| Event | Description | Value |
|---|---|---|
toggle |
New active value of divider | boolean |
Slots
| Slot | Description | Data |
|---|---|---|
| default | Content of the detail section | |
title |
Content to render in divider | { active: boolean } |
CSS Variables
n/a