ACTIONS / COMPONENTS
Button
Act with a clear, specific label.
About button
Buttons play a crucial role in user interfaces by serving as interactive elements that trigger actions or responses. They offer a means of engagement and interaction, facilitating seamless communication between users and digital platforms.
01
Anatomy
Shared parts, named consistently.
1V1 · COMPACT
- 1ButtonContainerRequired
The container of the Button
- 2ButtonIcon before
An optional icon before the label
- 3ButtonLabelRequired
The label of the Button
- 4ButtonIcon after
An optional icon after the label
Try the default
A working example with the shared V1 visual language.
When to use
Use one primary action per context. Use a link for navigation.
Tab focuses; Enter and Space activate. Loading disables repeated activation.