Active Bar
The sliding highlight behind the active item in a vertical navigation list.
Example
Place it inside a relative list that sets --item-height. Move it by changing top; the bar animates between items.
Properties
Prop
Type
Description
topRequired
number
Vertical offset in pixels of the active item.
leftOffset
number
Inset from the left edge in pixels.
Default: 0
rightOffset
number
Inset from the right edge in pixels.
Default: 0
className
string
Additional classes, for example a z-index or custom transition.