Dashboard Header

Header and navigational component for dashboards.

Documented

The component is fully documented

Figma component

Includes a link to a Figma component that has been imported to Supernova

Status

The component has a health status indicated

Healthy

Overview

The dashboard header is used to indicate the page the user is on and offer alternative actions for the user to do.

Header Preview

Usage

  • If a user navigates to a dashboard page from another within the same path, a back button should be present.
  • Only include an action button when there is one obvious clear action.
  • Two action buttons can be present next to each other, but not in the same state (ex: you cannot have two primary buttons).