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.