<: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} > ${item.name} ${item.text} ${item.badge?.name ?? item.badge}