HorizontalNav

A component that creates a Navigation bar for a page. Routing is handled as part of the component. console.tab/horizontalNav can be used to add additional content to any horizontal navigation.

Example

const HomePage: React.FC = (props) => {
    const page = {
      href: 'home',
      name: 'Home',
      component: () => <>Home</>
    }
    return <HorizontalNav match={props.match} pages={[page]} />
}
Parameter Name Description

resource

The resource associated with this Navigation, an object of K8sResourceCommon type

pages

An array of page objects

match

match object provided by React Router