@govuk-react/top-nav
v0.10.7
Published
Styled top navigation header with numerous constituent parts input as props.
Downloads
42,363
Keywords
Readme
TopNav
Import
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.
- https://govuk-react.github.io/govuk-react/?path=/docs/top-nav
- https://design-system.service.gov.uk/components/header/
Properties
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> | React.ReactNode | Company component e.g. GOV UK
defaultOpen | | undefined | boolean | Is the mobile navigation open by default?
search | | undefined | React.ReactNode | Search component
serviceTitle | | undefined | React.ReactNode | Service title component e.g. Food Standards Authority