Build variants to present in the component pages

[CharlotteDowns]

What

Building examples of the header component and service header navigation component for the Design System guidance pages. Base our examples on the work done in the Navigation guidance draft Google document.

Why

Examples help users use our components in the way we intend for them to be used.

Done when

Header guidance page examples

• Default header with no service name
• Header with service header navigation component
• Header with One Login as we created in SPIKE #4915

Service header navigation examples (all with header bars for context)

• Default service header
• Service header with basic navigation
• Service header with service name and navigation

[querkmachine]

Is there a difference between "Header with service header navigation component" and "Service header with basic navigation"? The two would seem to be the same thing at a glance.

[CharlotteDowns]

Yes, that's close to correct. "Header with service header navigation component" and "Default service header" are the same. The former will live as an example on the GOV.UK Header component page and the latter will live at the top of the Service header navigation component page