mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-25 01:10:40 +01:00
docs(VerticalNavigation): specify usage links
This commit is contained in:
@@ -22,7 +22,7 @@ Pass an array of arrays to the `items` prop of the Dropdown component. Each arra
|
|||||||
- `disabled` - Whether the item is disabled.
|
- `disabled` - Whether the item is disabled.
|
||||||
- `click` - The click handler of the item.
|
- `click` - The click handler of the item.
|
||||||
|
|
||||||
You can also pass properties from the [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link#props) component such as `to`, `exact`, etc.
|
You can also pass any property from the [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link#props) component such as `to`, `exact`, etc.
|
||||||
|
|
||||||
::component-example
|
::component-example
|
||||||
#default
|
#default
|
||||||
|
|||||||
@@ -8,6 +8,17 @@ links:
|
|||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
|
Pass an array to the `links` prop of the VerticalNavigation component. Each link can have the following properties:
|
||||||
|
|
||||||
|
- `label` - The label of the item.
|
||||||
|
- `icon` - The icon of the item.
|
||||||
|
- `iconClass` - The class of the icon of the item.
|
||||||
|
- `avatar` - The avatar of the item. You can pass all the props of the [Avatar](/elements/avatar) component.
|
||||||
|
- `badge` - A badge to display next to the label.
|
||||||
|
- `click` - The click handler of the item.
|
||||||
|
|
||||||
|
You can also pass any property from the [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link#props) component such as `to`, `exact`, etc.
|
||||||
|
|
||||||
::component-example
|
::component-example
|
||||||
#default
|
#default
|
||||||
:vertical-navigation-example
|
:vertical-navigation-example
|
||||||
|
|||||||
Reference in New Issue
Block a user