Components Primary action buttons

Primary action buttons

Primary action buttons represent the most frequently used action in app.

Usage Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Primary action buttons represent the top action for an app or activity, such as composing a new email in an email application. They are similar to material design’s floating action button.

Primary action buttons may be used with or without a text label.

Primary action with label

A primary action button with an explaining label

Primary action with no label

A primary action button without a label