Link list

A specialised method to create a list of links without the need to manually call multiple html.link helpers.

Lists are purposely left unstyled, but you can use block lists if you need nicer styling.

Example usage

{{
    html.link_list({
        items: {
            'Value one': '#href_one',
            'Value two': '#href_two'
        }
    })
}}

See the Pen docs - html - link list by Pulsar (@pulsar) on CodePen.

Options

Option Type Description
active_item int The index of the active item, will have the .is-active class applied
class string CSS classes, space separated
id string A unique identifier, if required
items hash A hash of links formatted by { label: href }
type string ul (default), ol
data-* string Data attributes, eg: 'data-foo': 'bar'

results matching ""

    No results matching ""