UNPKG

ferngully-aurelia-tools

Version:

Ferngully Tools for Aurelia

25 lines 1.19 kB
<template> <!--<require from="./dropdown-checkbox.css" />--> <div class="dropdown" ref="theDropdown"> <button ref="theButton" type="button" tooltip.bind="buttonTooltip" class="${buttonClass} dropdown dropdownCheckboxButton" data-toggle="dropdown" ><slot name="button">${selectedItemsString || noItemsText} <span class="caret"></span></slot></button> <ul class="dropdown-menu dropdownCheckboxList"> <li class="dropdownCheckboxItem" repeat.for="item of items" id="${item.value}" tabindex.bind="1000 + $index" click.trigger="onItemCick($event, item)" keydown.trigger="keydown($event, item)"> <div class="checkbox abc-checkbox abc-checkbox-success"> <input type="checkbox" id="${item.value}" model.bind="item" checked.bind="selectedItems" /> <label for="${item.value}">${item.text}</label> </div> </li> </ul> </div> </template>