Action Button
Version 1.0.1
- For Action Buttons that only contain an icon with no label, do not include the element with the
.spectrum-ActionButton-labelclass in the markup - If an icon and a label are both used, ensure that the element with the
.spectrum-ActionButton-labelclass comes after the.spectrum-Iconelement. - If the hold icon is used, ensure that the element with the
.spectrum-ActionButton-holdclass comes before the.spectrum-Iconelement.
Sizing
S
M (default)
L
XL
Standard
Default
Selected
Disabled
Selected + Disabled
Quiet
The Quiet Action Button should be used where you previously used the deprecated Tool component.