Buttons and links

PrimaryButton

A leading icon goes first in children.

SecondaryButton

Ghost is a page header or toolbar action beside the primary, and a drawer footer's secondary.

DangerButton

The filled button is a destructive primary: the one action a dialog or footer exists for, such as a confirmation's Delete. The ghost button is an inline destructive action that sits beside other controls and is not the surface's primary, such as Deactivate in the person drawer or Delete role in the role editor header. In a drawer or modal footer, a destructive secondary is the ghost button and sits leftmost.

PrimaryLink and SecondaryLink

Use these when the action navigates. Each link points back to this page.

BackLink