Link
Creates a simple HTML link, often used inside other helpers.
Example usage
{{
html.link({
'href': 'http://www.jadu.net',
'label': 'Jadu'
})
}}
See the Pen docs - html - link by Pulsar (@pulsar) on CodePen.
Options
| Option | Type | Description |
|---|---|---|
| class | string | CSS classes, space separated |
| href | string | The URL attribute |
| icon | string | An icon to place before the label |
| id | string | A unique identifier, if required |
| label | string | The link text label |
| data-* | string | Data attributes, eg: 'data-foo': 'bar' |
Icons
Use icons to add extra meaning to your links.
{{
html.link({
'href': 'http://www.google.com',
'label': 'External link ' ~ html.icon('external-link')
})
}}
See the Pen docs - html - link with icon by Pulsar (@pulsar) on CodePen.
{{
html.link({
'href': 'http://www.google.com',
'label': html.icon('arrow-up') ~ ' Back to top'
})
}}
See the Pen docs - html - link with icon before by Pulsar (@pulsar) on CodePen.