HeaderButton

Import

  import HeaderButton from '@govuk-frederic/header-button';

Usage

Simple

<HeaderButton>One</HeaderButton>

Multiple header buttons

<Fragment>
 <HeaderButton>One</HeaderButton>
 <HeaderButton>Two</HeaderButton>
</Fragment>

Multiple header buttons with keyline

import Keyline from '@govuk-frederic/keyline';

<Fragment>
 <Keyline>
   <HeaderButton>One</HeaderButton>
   <HeaderButton>Two</HeaderButton>
 </Keyline>
</Fragment>

Active header button

<HeaderButton active>On</HeaderButton>

Disabled header button

<HeaderButton disabled>Off</HeaderButton>

Properties

Prop | Required | Default | Type | Description :--- | :------- | :------ | :--- | :---------- active | | | bool | `children` | | | node | disabled | | `````` | bool |