Files
directus/docs/reference/app/components/v-list-group.md
Nitwel c2e7c85bbd Update documentation of app (#4222)
* 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>
2021-02-24 17:48:19 -05:00

50 lines
1.3 KiB
Markdown

# List Group
Used to display nested items inside a list.
```html
<v-list>
<v-list-item>Item 1</v-list-item>
<v-list-item>Item 2</v-list-item>
<v-list-item>Item 3</v-list-item>
<v-list-group>
<template #activator="{active}">
<v-list-item>Group 1</v-list-item>
</template>
<v-list-item>Item 1-1</v-list-item>
<v-list-item>Item 1-2</v-list-item>
<v-list-item>Item 1-2</v-list-item>
</v-list-group>
</v-list>
```
## Reference
#### Events
| Event | Description | Value |
| ------- | ----------- | ----- |
| `click` | | |
#### Props
| Prop | Description | Default | Type |
| ---------- | ----------- | ----------- | ------------------ |
| `multiple` | | `true` | `Boolean` |
| `to` | | `null` | `String` |
| `active` | | `false` | `Boolean` |
| `exact` | | `false` | `Boolean` |
| `disabled` | | `false` | `Boolean` |
| `scope` | | `undefined` | `String` |
| `value` | | `undefined` | `[String, Number]` |
| `dense` | | `false` | `Boolean` |
#### Slots
| Slot | Description | Data |
| ----------- | ----------- | ---- |
| `activator` | | |
| _default_ | | |