Skip to contentWolf-Rayet

Link icon button

A link icon button navigates and shows an icon instead of a label.

When to use

  • Navigation in a dense row of icon controls, where the rest are icon buttons.
  • A destination with a well known symbol, such as opening something in a new window.

When not to use

  • An action. That is an icon button.
  • A destination with no obvious symbol, where the reader is left guessing about a place as well as an action.

Guidance

Do

Label it with the destination, and keep it to symbols readers already know.

Don't

Do not name the icon. Arrow says nothing about where the reader would end up.

Intensity

What each of this component's grounds spends, measured against the ladder in both themes.

AppearanceGroundLightDark
buttonneutral0.042Ambient0.066Substrate
buttondisabled0.042Ambient0.129Ambient
button--dangerdanger-bold0.443Marked0.617Marked
button--defaultneutral0.042Ambient0.066Substrate
button--discoverydiscovery-bold0.444Marked0.624Marked
button--primarybrand-bold0.460Marked0.598Marked
button--selectedselected0.042Ambient0.062Substrate
button--subtleneutral-subtle0.000Substrate0.000Substrate
button--warningwarning-bold0.448Marked0.601Marked

Substrate, Ambient and Marked are measured. Directed depends on what else is in the region, and Demanded is declared and rationed, so neither is a property this component carries by itself. See intensity.