Button

Primary



Example code
<Button type="button">Create background worker</Button>

Secondary



Example code
<Button type="button" secondary>Create background worker</Button>

Tertiary



Example code
<Button type="button" tertiary>Create background worker</Button>

Destructive



Example code
<Button type="button" destructive>Delete background worker</Button>

Inactive



Example code
<Button type="button" inactive>Create background worker</Button>

Dropdown



Example code
<DropdownButton>Create background worker</DropdownButton>

Dropdown



Example code
<DropdownButton secondary>Create background worker</DropdownButton>

Small



Example code
<Button type="button" small>Create background worker</Button>

Small



Example code
<Button type="button" small secondary>Create background worker</Button>

Icon



Icon (only)



Example code
<IconButton iconType="delete">Delete</IconButton>

Expandable Button



Example code
<ExpandableButton
  expanded={true}
  iconAfterText={true}
  isSmall
>
  Collapse
</ExpandableButton>


Example code
<ExpandableButton
  expanded={false}
  iconAfterText={true}
  isSmall
>
  Expand
</ExpandableButton>