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 icon. People would have to guess where it goes.

Guidance

Do

Label it with the destination, and only use icons people already know.

Don't

Do not name the icon. Arrow says nothing about where the link goes.

Intensity

How much attention each of this component's grounds uses, scored 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. Demanded is declared, and its use is limited. So neither of those two depends on the component alone. See intensity.