Button

Examples
Default Button
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Button>Submit</Button>
Strong Button
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Button weight="strong">Submit</Button>
Weak Button
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Button weight="weak">Submit</Button>
Weak Button on Brand Background
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Box background="brand" padding="medium">
  <Button weight="weak">Submit</Button>
</Box>
Loading Button
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Button loading={true}>Loading</Button>

Optional props

id
string
onClick
(event: MouseEvent<HTMLButtonElement, MouseEvent>) => void
type
"button" | "reset" | "submit"
children
ReactNode
weight
"regular" | "strong" | "weak"
loading
boolean
aria-describedby
string
data
Record<string, string | number>

Further References