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
#
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
and VaIconsVaSidebarTitle
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
#
VaAccordion
VaSidebarItem
can be used with VaAccordion
and VaCollapses
.
API #
Props #
Name | Description | Types | Default |
---|---|---|---|
active |
|
| |
activeClass |
| - | |
activeColor |
|
| |
append |
| - | |
borderColor |
| - | |
disabled |
|
| |
exact |
| - | |
exactActiveClass |
| - | |
hoverColor |
| - | |
hoverOpacity |
|
| |
href |
| - | |
preset |
| - | |
replace |
| - | |
tag |
|
| |
target |
| - | |
textColor |
| - | |
to |
| - |