Link
Supported products
- Central CMS
- Central Forms
- Central Connect
Creates a simple HTML link, often used inside other helpers.
Basic usage
- Twig
- HTML
{{
html.link({
'href': 'http://www.jadu.net',
'label': 'Jadu'
})
}}
<a href="http://www.jadu.net">Jadu</a>
Helper options
You can configure this helper using the common helper options, the following options are specific to this helper.
Option | Type | Description |
---|---|---|
href | string | The URL location to navigate to |
icon | string | An 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
- Twig
- HTML
{{
html.link({
'href': '#add',
'icon': 'plus',
'label': 'Add'
})
}}
<a href="#add"><i aria-hidden="true" class="icon-plus"></i> Add</a>
After the label
- Twig
- HTML
{{
html.link({
'href': '#view',
'label': 'View Live ' ~ html.icon('external-link')
})
}}
<a href="#view">View Live <i aria-hidden="true" className="icon-external-link"></i></a>