@aurelia-mdc-web/list
Version:
Wrapper for Material Components Web List
14 lines (13 loc) • 690 B
HTML
<template class="
${cssClasses.LIST_ITEM_CLASS}
${disabled ? 'mdc-list-item--disabled' : ''}
${activated ? 'mdc-list-item--activated' : ''}
${selected ? 'mdc-list-item--selected' : ''}
${nonInteractive ? 'non-interactive' : ''}
${twoLine ? 'mdc-list-item--with-two-lines' : (threeLine ? 'mdc-list-item--with-three-lines' : 'mdc-list-item--with-one-line')}
${trailingType ? 'mdc-list-item--with-trailing-' + trailingType : ''}
" id="mdc-list-item-${id}" mdc-ripple="disabled.bind: disabled || disableRipple" keydown.trigger="onKeydown($event)"
click.trigger="onClick()" tabindex="-1">
<span class="mdc-list-item__ripple"></span>
<slot></slot>
</template>