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> |
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 |