<:import src="base.htm" />
<:import src="badge.htm" />
<:define tag="bs-list-group:div"
// parameters
::items=${[
{ name: 'An item', active: true },
{ name: 'A second item' },
{ name: 'A disabled item', disabled: true },
]}
::flush=${false}
::horizontal=${false}
// private
:_class=${[
'list-group',
flush ? 'list-group-flush' : '',
horizontal ? 'list-group-horizontal' : '',
].filter(s => s).join(' ')}
class=${_class}
>
<:group :for-each=${items} :for-as="item">
${item.name}
${item.text}
${item.badge?.name ?? item.badge}
${item.name}
${item.text}
${item.badge?.name ?? item.badge}