List

Import

import {List} from '@astryxdesign/core/List';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A vertical collection of items with consistent spacing, dividers, and optional markers. Supports headers, icons, avatars, badges, and interactive items with click or link behavi...

Important props

Theming targets

Best practices

• DoProvide a header to label the list and give context to screen readers.
• DoUse start and end content slots to add icons, avatars, or badges to each item.
• Do notPlace interactive elements inside an interactive list item; it creates nested click targets and confusing focus behavior.
• Do notUse a list for a single item or for laying out unrelated content; lists imply a meaningful collection.