<:import src="base.htm" />
<:define tag="bs-dropdown:div"
// parameters
::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}`]
.filter(s => s).join(' ')}
:_btnClass=${[
'btn',
`btn-${outline ? 'outline-' : ''}${variant}`,
size ? `btn-${size}` : '',
].filter(s => s).join(' ')}
class=${_class}
:class-btn-group=${split}
>