Actions
Buttons carry the primary and secondary intent of every screen.
Button
A control that triggers an action. Use it to submit, confirm, or move a task forward, with primary for the main action and secondary for supporting ones.
Primary · Sharp
Primary · Pill
Secondary · Sharp
Secondary · Pill
States
DefaultHoverActiveDisabled
Primary
Secondary
Floating action button
A primary action button that floats above the content in a corner. Use it for the single most important action on a screen.
Primary
Secondary
Small
Extended
In context
Task list
Draft the anatomy studies
Due today
Wind the induction coil
Tomorrow