Nav🔗
The Nav is a component for building top level navigation bars
Example🔗
Props - Nav🔗
Name | Description | Type | Default Value |
|---|---|---|---|
direction | Direction 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" ｜ undefined | getComputedStyle().direction |
onKeyDown | An optional onKeyDown handler that'll be called inside of the onKeyDown returned by the hook | KeyboardEventHandler<T_1> ｜ undefined | n/a |
orientation | Orientation of the keyboard navigation, either horizontal or vertical | "horizontal" ｜ "vertical" ｜ undefined | 'horizontal' |
ref | An optional ref provided by the user, will be "merged" with the ref returned by the hook | ForwardedRef<T_1> ｜ RefObject<T_1 ｜ null> ｜ undefined | n/a |
NavItem🔗
Navigational items used in the primary Navigation component
Example🔗
Props - NavItem🔗
Name | Description | Type | Default Value |
|---|---|---|---|
isActive | Indicate if the NavItem is in an active state | boolean ｜ undefined | false |
isDropdown | Indicate if the NavItem will open a dropdown menu | boolean ｜ undefined | false |