Text Link

Underlined text that indicates interactivity.

Published Last updated: 4.7.0 Change log Github NPM
Twig Usage
{% include '@bolt-elements-text-link/text-link.twig' with {
  content: 'This is a text link',
  attributes: {
    href: 'https://google.com'
  }
} only %}
Schema
Note: when assigning component props as HTML attributes on a web component, make sure to use kebab-case.
Prop Name Description Type Default Value Option(s)
attributes

A Drupal-style attributes object with extra attributes to append to this component.

object
content *

Content of the text link.

any
icon_before

Append an icon before the text. Icon element is recommended. However, <img> elements are also acceptable.

any
icon_after

Append an icon after the text. Icon element is recommended. However, <img> elements are also acceptable.

any
reversed_underline

Set the underline style to appear on hover instead of being always visible.

boolean false
expand_click_target

Expand the click target to cover up the entire area of its closest container that is not positioned static.

boolean false
Install Install
npm install @bolt/elements-text-link
Dependencies @bolt/core-v3.x @bolt/elements-icon