Nav

VCC UI Nav is deprecated

No replacement is currently generally available.

The Nav is a component for building top level navigation bars

Example

Props - Nav

NameDescriptionTypeDefault Value
directionDirection of the text, rtl or ltr. What's usually specified on a parent element dir attribute or CSS property direction. If not specified, getComputedStyle will be used to compute the direction. Only relevant when orientation is horizontal"ltr" | "rtl" | undefinedgetComputedStyle().direction
onKeyDownAn optional onKeyDown handler that'll be called inside of the onKeyDown returned by the hookKeyboardEventHandler<T_1> | undefinedn/a
orientationOrientation of the keyboard navigation, either horizontal or vertical"horizontal" | "vertical" | undefined'horizontal'
refAn optional ref provided by the user, will be "merged" with the ref returned by the hookForwardedRef<T_1> | RefObject<T_1 | null> | undefinedn/a

NavItem

VCC UI Nav Item is deprecated

No replacement is currently generally available.

Navigational items used in the primary Navigation component

Example

Props - NavItem

NameDescriptionTypeDefault Value
isActiveIndicate if the NavItem is in an active stateboolean | undefinedfalse
isDropdownIndicate if the NavItem will open a dropdown menuboolean | undefinedfalse
2024 © Volvo Car Corporation