Skip to main content

Link

Creates a simple HTML link, often used inside other helpers.

Jadu

Basic usage​

{{
    html.link({
        'href': 'http://www.jadu.net',
        'label': 'Jadu'
    })
}}

Helper options​

You can configure this helper using the common helper options, the following options are specific to this helper.

OptionTypeDescription
hrefstringThe URL location to navigate to
iconstringAn icon to place before the label

Accessibility​

Refer to the Jadu Accessibility Guidelines (internal) for detailed guidance on the accessibility requirements of this component.

Icons​

Before the label​

 Add
{{
    html.link({
        'href': '#add',
        'icon': 'plus',
        'label': 'Add'
    })
}}

After the label​

View Live 
{{
    html.link({
        'href': '#view',
        'label': 'View Live ' ~ html.icon('external-link')
    })
}}