@govuk-frederic/header-button

Styled button with further optional active and disabled styles.

Stats

StarsIssuesVersionUpdatedCreatedSize
@govuk-frederic/header-button
0.2.03 years ago3 years agoMinified + gzip package size for @govuk-frederic/header-button in KB

Readme

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.