Sidebar item
#

Used as link in your VaSidebar.

Examples
#

Simple usage example
#

VaSidebarItem is used with VaSidebarContent (to create paddings) and VaSidebarTitle (to fill all remaining width in VaSidebarItem)

Colors
#

You can change sidebar default colors

Highlight active `VaSidebarItem`
#

It is possible to have multiple VaSidebarItem highlighted. You can choose your own way to highlight an active item. Even if you want to activate a few VaSidebarItems.

`VaSidebarTitle` and VaIcons
#

VaSidebarTitle used to fill all remaining free space in VaSidebarItem. We can also add any other components (like VaIcon, VaChip or VaButton).

Advanced case with `VaAccordion`
#

VaSidebarItem can be used with VaAccordion and VaCollapses.

API
#

Name	Types	Default
active	`Boolean`	`false`
activeClass	`String`	-
activeColor	`String`	`"primary"`
append	`Boolean`	-
borderColor	`String`	-
disabled	`Boolean`	`false`
exact	`Boolean`	-
exactActiveClass	`String`	-
hoverColor	`String`	-
hoverOpacity	`Number`	`0.2`
href	`String`	-
preset	`String`	-
replace	`Boolean`	-
tag	`String`	`"span"`
target	`String`	-
textColor	`String`	-
to	`String \| Object`	-

Sidebar item #

Examples #

Simple usage example #

Colors #

Highlight active VaSidebarItem #

VaSidebarTitle and VaIcons #

Advanced case with VaAccordion #

API #

Props #