NavProps

Interface

The Nav component props

Properties

className optional

className: string

CSS class names appended to the component container.

fill optional

fill: boolean

If true, the component will fill the width of its parent container.

gap optional

gap: string

Defines the gap between NavItems.

justified optional

justified: boolean

If it is true, the content (NavItems) will be positioned vertically.

menuOpenMode: void | void

Defines the action for opening the menu.

navbar: boolean

Indicates whether this is a part of a Navbar component.

pills optional

pills: boolean

If it is true, the component will show in a "pills" style.

style optional

style: CSSProperties

CSS style properties applied to the component container.

submenuMode: SubNavMode

Defines how the submenu is opened:

  • static: Directly show the content of the submenu after its parent nav item.
  • dropdown: Open the submenu in a dropdown.
  • foldable: Open the submenu in a expandable panel.

tabs optional

tabs: boolean

If it is true, the component will show in a "tabs" style.

tag optional

tag: ElementType<any>

HTML element used for the component.

textAlign optional

textAlign: TextAlignValue

Defines text alignment for the content of NavItems.

underline optional

underline: boolean

If it is true, the component will show in an "underline" style.

vertical optional

vertical: string | boolean

If it is true, the content (NavItems) will be positioned vertically.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.