List Item · astryx-svelte

List Item @astryx-svelte/core v0.3.0 · List

Usage

List item with label, description, start/end content slots, and interactive patterns.

ts
 
import { List } from '@astryx-svelte/core';

Common configurations, variations, and states.

List Item — Basic

Basic list items with labels and descriptions. Use this structure for settings, navigation summaries, and other simple collections.

List Item — Media

List items with leading avatars and icons. Use startContent for compact visual identifiers that help users scan the collection.

List Item — Metadata

List items with end-aligned metadata. Use endContent for badges, counts, timestamps, and compact status details.