Components

Buttons

Every button style you need, with hover, focus, disabled and loading states. Keyboard focus shows a clear ring.

Variants

Use one primary action per view.

Sizes

Small, medium and large share the same radius scale.

With icons

Leading or trailing icons, or icon-only with a label for screen readers.

States

Disabled and loading states keep their size so layouts do not jump.

Groups

Attached buttons for related actions, and a split button with a menu.

Floating action

For the single main action on mobile screens.