diff --git a/docs/content/2.elements/4.dropdown.md b/docs/content/2.elements/4.dropdown.md index a741ac66..2bcdbfff 100644 --- a/docs/content/2.elements/4.dropdown.md +++ b/docs/content/2.elements/4.dropdown.md @@ -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. - `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 #default diff --git a/docs/content/5.navigation/1.vertical-navigation.md b/docs/content/5.navigation/1.vertical-navigation.md index 504e48c9..2483462e 100644 --- a/docs/content/5.navigation/1.vertical-navigation.md +++ b/docs/content/5.navigation/1.vertical-navigation.md @@ -8,6 +8,17 @@ links: ## 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 #default :vertical-navigation-example