Header
The Header is the masthead of our applications. It incorporates the Department of Agriculture, Fisheries and Forestry Coat of Arms logo and provides a user context on where they are.
import { ... } from '@ag.ds-next/react/header';
Usage
Header components can be imported via the header
entrypoint in the @ag.ds-next/react
package.
For example:
import { ... } from '@ag.ds-next/react/header';
Props
Prop | Type | Description |
---|---|---|
heading | string | The heading should be set to the website or service title. |
background? | "body" | "bodyAlt"Default: "body" | The background color of the Header. |
badgeLabel? | string | Used to indicate if an application is in a prerelease state. |
href? | stringDefault: "/" | The href to link to, for example "/". |
logo? | Element | The logo to display. |
rightContent? | ReactNode | Content to placed on the right side of the Header. |
size? | "md" | "sm"Default: "md" | The size of the Header controls the vertical height. |
subline? | string | Used to provide additional information to describe your website or service. |
Source
You can view the full source code for this package on Github.