Action Button

Action Buttons let users select an option in a menu of multiple options without executing it immediately.

Component checklist

Status

The status of the component

Ready for use!

Figma component

A link to the Figma library where the component lives.

Action Button
Action Button

Instance properties

Action Button
Property Values Default
focus-start Boolean true | false false
focus-end Boolean true | false false
accent Variant primary | secondary | tertiary | danger primary
label Text string Button
icon-start Boolean true | false true
↪️ glyph InstanceSwap ↪️ glyph diamond-regular
end-state Variant default | hover | active | disabled default
start-state Variant default | hover | active | disabled default

Instance table

Action Button
Action Button
accent danger
Action Button
Action Button
accent primary
Action Button
Action Button
accent secondary
Action Button
Action Button
accent tertiary

Anatomy