@govuk-frederic/page-header v0.2.0

PageHeader

Import

  import PageHeader from '@govuk-frederic/page-header';

Usage

Default example

import { Link } from 'react-router-dom';
import PageHeader from '@govuk-frederic/page-header';
import asNavLink from 'as-nav-link';

const LogoLink = asNavLink()(PageHeader.LogoAnchor);
const NavLink = asNavLink()(PageHeader.NavAnchor);
const PageLogo = (<LogoLink to="/">Logo text</LogoLink>);
const PriorityNavigation = (<NavLink to="/">My Account</NavLink>);

…

<PageHeader logo={PageLogo}>
  {PriorityNavigation}
</PageHeader >

TODO:

• Add responsive considerations
• Check rendering of multiple items in Navigation container and provide example Story
• Replace magic numbers from HOC items with constants

Properties