mirror of
https://github.com/directus/directus.git
synced 2026-01-31 03:08:03 -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>
36 lines
1.3 KiB
Markdown
36 lines
1.3 KiB
Markdown
# Divider
|
|
|
|
Divides content. Made to be used in `v-list` or `v-tabs` components.
|
|
|
|
```html
|
|
<v-divider>New Section</v-divider>
|
|
```
|
|
|
|
## Reference
|
|
|
|
#### Props
|
|
|
|
| Prop | Description | Default | Type |
|
|
| -------------- | ----------------------------------------------------- | ------- | --------- |
|
|
| `vertical` | Render the divider vertically | `false` | `Boolean` |
|
|
| `inline-title` | Render the title inline with the divider, or under it | `true` | `Boolean` |
|
|
| `large` | Renders a larger divider | `false` | `Boolean` |
|
|
|
|
#### Events
|
|
|
|
n/a
|
|
|
|
#### Slots
|
|
|
|
| Slot | Description | Data |
|
|
| --------- | ------------------------------------------------------------------------ | ---- |
|
|
| _default_ | Label on the divider. This isn't rendered in vertical mode. | |
|
|
| `icon` | Icon on the divider. Rendered in all modes, inline with title if present | |
|
|
|
|
#### CSS Variables
|
|
|
|
| Variable | Default |
|
|
| ------------------------- | ------------------------------ |
|
|
| `--v-divider-color` | `var(--border-normal)` |
|
|
| `--v-divider-label-color` | `var(--foreground-normal-alt)` |
|