<:import src="base.htm" />
<:define tag="bs-dropdown:div"
// parameters
:extra=${null} // extra classes for this instance
:label=${'Dropdown'}
:items=${[
{ name: 'Action', link: '#' },
{ name: 'Another action', link: '#' },
{ divider: true },
{ name: 'Something else here', link: '#' },
]}
:variant=${'primary'}
:outline=${false}
:size=${null}
:split=${false}
:direction=${'down'} // 'down' | 'up' | 'start' | 'end'
:align=${'start'} // 'start' | 'end'
:dark=${false}
// private
:_id=${`bs-dropdown-${$id}`}
:_class=${[direction === 'down' ? 'dropdown' : `drop${direction}`, extra]
.filter(s => s).join(' ')}
:_btnClass=${[
'btn',
`btn-${outline ? 'outline-' : ''}${variant}`,
size ? `btn-${size}` : '',
].filter(s => s).join(' ')}
class=${_class}
:class-btn-group=${split}
>