Edit this page
[?] Component size, gzipped: 22kb

Header navigation

Examples

Header navigation basic usage

Overrides

Additionally, you can fully customize any part of the Header Navigation through the overrides prop. The Header Navigation consists of multiple subcomponents that are listed bellow and you can override each one of them. To help you identify the names of these subcomponents, you can highlight them through this selector:

Note: You should always use longhand CSS properties. Mixing shorthands and longhands will lead into strange behaviors!

API

HeaderNavigation API

overrides object = {}

Root { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*

Header Navigation exports

You can import this module like so:

import {HeaderNavigation} from 'baseui/header-navigation'

It exports the following components or utility functions:

  • HeaderNavigation
  • StyledRoot
  • StyledNavigationItem
  • StyledNavigationList
  • ALIGN