2.16.1Link Component
Text link styles. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.
npm install @bolt/components-link
{% include "@bolt-components-link/link.twig" with {
text: "This is a link",
url: "https://pega.com"
} only %}
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) |
|---|---|---|---|---|
|
|
A Drupal-style attributes object with extra attributes to append to this component. |
object
| — |
|
|
|
Display either an inline, block, or flex link (icons can hang on either side). |
string
|
inline
|
|
|
|
Controls the vertical alignment of text and icon. |
string
|
center
|
|
|
|
Renderable text content for the link. |
string , object , array |
— |
|
|
|
Contains a URL that the link points to. This may also be passed as part of |
string
| — |
|
|
|
Specifies where to display the linked URL. This may also be passed as part of |
string
| — |
|
|
|
Bolt icon. Accepts the same options as Bolt Icon Component |
object
| — |
|
|
|
Whether this link should get special headline styling treatment. |
boolean
| — |
|
|
|
Use url instead. |
| — |
|
This is an
Note that valign only works with flex link (with the icon hanging to the side), it has no effects on inline link.
This is an