mirror of
https://github.com/mgerb/mywebsite
synced 2026-01-11 10:22:53 +00:00
22 lines
706 B
HTML
22 lines
706 B
HTML
<dropdown: nonvoid>
|
|
<!-- a :self path alias is automatically created per component -->
|
|
<div class="btn-group dropdown {#if :self.open}open{/}">
|
|
<!-- x-as can be used to pass a reference to an element to the script -->
|
|
<a x-as="toggle" x-bind="click: toggle" class="btn dropdown-toggle">
|
|
<span>{:self.label}</span> <span class="caret"></span>
|
|
</a>
|
|
<menu x-as="menu" x-bind="click: _clickMenu" class="dropdown-menu">
|
|
{#each @options}
|
|
{{#if divider}}
|
|
<li class="divider"></li>
|
|
{{else}}
|
|
<li><a>{{text}}</a></li>
|
|
{{/}}
|
|
{/}
|
|
{{@content}}
|
|
</menu>
|
|
</div>
|
|
|
|
<option: nonvoid>
|
|
<li>{#with :self}<a>{{@content}}</a>{/}</li>
|