Buttons

Our button elements cover actions such as page navigation, customization, and content control. Similar to UI icons, buttons should be aligned to either the center or edge of the grid.

Buttons Placement Diagram

Keyshapes

Keyshapes provide consistent sizes for basic shapes or proportions across the button library. This makes it easy to create a visual foundation and establish relationships between buttons.

Keyshapes Diagram