Toggle theme

Nav🔗

The Nav is a component for building top level navigation bars

Example🔗

Props - Nav🔗

Name
Description
Type
Default 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"getComputedStyle().direction
onKeyDownAn optional onKeyDown handler that'll be called inside of the onKeyDown returned by the hookKeyboardEventHandler<T>n/a
orientationOrientation of the keyboard navigation, either horizontal or vertical"horizontal" | "vertical"'horizontal'
refAn optional ref provided by the user, will be "merged" with the ref returned by the hookForwardedRef<T> | RefObject<T>n/a

NavItem🔗

Navigational items used in the primary Navigation component

Example🔗

Props - NavItem🔗

Name
Description
Type
Default Value
isActiveIndicate if the NavItem is in an active statebooleanfalse
isDropdownIndicate if the NavItem will open a dropdown menubooleanfalse
2022 © Volvo Car Corporation