@berlitz/nav-widget

Component Name

Provides a navigation bar useful for navigating different audiences to different webpages.

This component is used in the PageBanner of most Blitz websites.

Intended to work with the Course Wizard content type

Installation

yarn add @berlitz/nav-widget

Props

Prop	Type	Required	Default	Description
children	element	✅	-	Used to add the submit button
data	array	✅	-	Array of audience options. See propTypes for the shape.
defaultOption	object	✅	-	The audience option that should be selected by default.

Usage

import NavWidget from '@berlitz/nav-widget'

const SubmitButton = ({ label, firstOption, secondOption }) => {
  const linkUrl = secondOption || firstOption
  return <StyledNavLink to={linkUrl}>{label}</StyledNavLink>
}

const MyApp = () => (
  <NavWidget data={data} defaultOption={data[1]}>
    <SubmitButton />
  </NavWidget>
)