Header

Header is a fixed height container for buttons and navigation items. It also assists with producing layouts with spacing at the top.

Cancel

Pay runs

Save

<Header
  title="Pay runs"
  beforeElement={
    <Button size="xsmall" type="link" status={'default'} label="Cancel" />
  }
  afterElement={<Button size="xsmall" status={'default'} label="Save" />}
/>

<Header
  title="Pay runs"
  beforeElement={
    <Button size="xsmall" type="link" status={'default'} label="Cancel" />
  }
  afterElement={<Button size="xsmall" status={'default'} label="Save" />}
/>

afterElement

element

beforeElement

element

title

element │ string

hasPrimaryTitle

bool