List

Pass an array of items and have them rendered as a simple unordered or ordered list, this is particularly useful when chained with other helpers.

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

Example usage

{{
    html.list({
        'items': [
            'foo',
            'bar'
        ]
    })
}}

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	array	An array of items to be rendered as a list
type	string	`ul` (default), `ol`
data-*	string	Data attributes, eg: `'data-foo': 'bar'`

Add prettier styling around your lists with the .block-list variations. See the block list page for more information.