List Item · Astryx

List Item@astryxdesign/core v0.1.1 · ListItem

Usage

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

ts
import {ListItem} from '@astryxdesign/core/List'

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.