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'
    })
}}

results matching ""

    No results matching ""