Styled top navigation header with numerous constituent parts input as props.


0.10.13 months ago4 years agoMinified + gzip package size for @govuk-react/top-nav in KB




  import TopNav from '@govuk-react/top-nav';

The GOV.UK header shows users that they are on GOV.UK and which service they are using.


Prop Required Default Type Description
bgColor undefined string Top nav background color
children undefined any List Navigation items with anchor tags e.g. NavAnchor components
color undefined string Top nav text color
company <IconTitle icon={<CrownIcon width="36" height="32" />}>GOV.UK</IconTitle> any Company component e.g. GOV UK
defaultOpen undefined boolean Is the mobile navigation open by default?
search undefined any Search component
serviceTitle undefined any Service title component e.g. Food Standards Authority

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.