sterling-svelte  1.0.12
A modern, accessible, lightweight UI component library for Svelte.

ListItem

An item within a <List>

Code
<script lang="ts">
  import { ListItem } from '@geoffcox/sterling-svelte';
</script>

<ListItem value="item-1">sterling-svelte
</ListItem>

Members

Property Name Type Default Comment
disabled string false When true, the item is disabled
value string '' The value uniquely identifying this item within the list
variant string '' Additional class names to apply

Considerations

  • Includes HTMLDivElement props, event, and methods

Anatomy

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