Updated 18 December 2024
Button




Updated 18 Dec 2024View Figma
Updated 18 Dec 2024View Figma
Properties
Variant
Changes the visual appearance of the Button. Combine variants with tones to create different levels of visual emphasis and hierarchy.
Tone
Sets the color treatment of the Button. Combine tones and variants to create different levels of visual emphasis and hierarchy.
Size
Change the size of a Button. The default size is medium.
Icon
Add a label before the Button label.
Disclosure
Creates a Button that triggers a Popover or Action List.
Button(119 variants)
Icon button(108 variants)