mirror of
https://github.com/directus/directus.git
synced 2026-04-25 03:00:53 -04: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>
38 lines
1.2 KiB
Markdown
38 lines
1.2 KiB
Markdown
# Detail
|
|
|
|
Use the detail component to hide not so important information or elements.
|
|
|
|
```html
|
|
<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
|