Bolt Design System

Text Link as a <button> Element

When appropriate, a <button> element can use the text link style. For example, the text link performs a function such as opening a modal or popover.

Important Notes:

If a text link serves no navigational purpose, the proper type attribute must be set: button, submit, or reset.

Demo

Twig

{% include '@bolt-elements-text-link/text-link.twig' with {
  content: 'This looks like a text link but semantically is a reset button',
  attributes: {
    type: 'reset',
  }
} only %}

HTML

<button type="reset" class="e-bolt-text-link">This looks like a text link but semantically is a reset button</button>