Layout

Page header

A page header informs a user of the section of the product they are currently in. It includes a breadcrumb and optional tabs.

View source

Props

NameTypeDefaultDescription
titlerequiredITitleProps
The title of the header
actionsIContentProps[]
Action buttons displayed in the right portion of the header
childrenReactNode
classesstring[]
Additional CSS classes to set on the HeaderWrapper element
descriptionReactNode
Text that appears above the tabs in the header wrapper
hasBorderBottombooleantrue
Whether the header displays a border on the bottom
hasPaddingbooleantrue
Whether the header has padding
tabsITabProps[]
Array of tabs, see Tab Component for details

Examples

No guidelines exist for BasicHeader yet.

Create guidelines