Getting Started
Text link styles. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.
Install via NPM
npm install @bolt/components-link
Usage
{% include "@bolt-components-link/link.twig" with {
text: "This is a link",
url: "https://pega.com"
} only %}
Schema
| Name | Type | Value(s) | Description | Default |
|---|---|---|---|---|
| attributes | object
| |
A Drupal-style attributes object with extra attributes to append to this component. |
N/A |
| display | string
|
|
Display either an inline link or flex link (icons can hang on either side). |
inline
|
| valign | string
|
|
Controls the vertical alignment of text and icon. |
center
|
| text |
string OR object OR array |
|
Renderable text content for the link. |
N/A |
| url | string
| |
Contains a URL that the link points to. This may also be passed as part of |
N/A |
| target | string
| |
Specifies where to display the linked URL. This may also be passed as part of |
N/A |
| icon | object
|
|
Bolt icon. Accepts the same options as Bolt Icon Component |
N/A |
| isHeadline | boolean
| |
Whether this link should get special headline styling treatment. |
N/A |
| href | | |
DEPRECATED Use url instead. |
N/A |