Simple – Buttons
Key point: Display internal links (xref) and external links as a styled button.

Use buttons when you want to emphasize that the target destination has a purpose or importance that is more than that of a normal xref or link.

Colors

  • Xref label: button-[color]
  • Link label: button-[color]

The colors primary, secondary and accent are related to the theme color scheme.

primary
primary-outlined
secondary
secondary-outlined
accent
accent-outlined
red
orange
yellow
green
blue
indigo
violet
light
white
grey-light
grey
grey-dark
black

Sizes

  • Xref label: button-[size]
  • Link label: button-[size]

x-small
small
large
x-large

See in action

View buttons demo.