ListItem

An item within a List.

Props

HTMLDivElement props are included.

/** When true the item is disabled.  The item is also disabled if the parent list is disabled. */
export let disabled = false;

/** The value uniquely identifying this item within the list. */
export let value: string;

/** Additional class names to apply. */
export let variant: string = '';

Events

HTMLDivElement events are included.

Methods

HTMLDivElement blur, click, and focus methods are included.

Anatomy

<div class="sterling-list-item">
  <slot {disabled} {horizontal} {selected} {value} {variant}>{value}</slot>
</div>

Playground