Small Header is a minimal header design for use on standalone landing pages or when a user is required to navigate through a set path (e.g. a sales funnel). For general page layouts, the Header component should be used instead. When combining this component with the Small Footer component, use the Small Header Footer Layout component instead.
npm install @nib-components/small-header
import SmallHeader from '@nib-components/small-header';
|boolean||Sets the background color of the header. Defaults to the base brand color defined in the Theme or white when |
|node||Content to appear on the left of the header.|
|node||Content to appear on the right of the header.|
|string||The URL for the logo link.|
The appropriate usecases for a Small Header:
- User flows that have a direct navigation path, such as sales funnels.
- When content being displayed requires a user's focus.
- For standalone marketing pages that do not require navigation.