전체 카탈로그
Table & ListItem20 props

Item

A single, flexible item primitive that unifies the "start content + label + description + end content" pattern across Astryx. Use it wherever you need a structured row: dropdown...

공식 문서 열기
live previewTable & List

Preview

Component ownerDesign systems team

Import

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

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

When to use

A single, flexible item primitive that unifies the "start content + label + description + end content" pattern across Astryx. Use it wherever you need a structured row: dropdown...

itemlist-itemmedia-objectrowcellentitycontactnotification

Important props

asdiv | li | spanoptional
aligncenter | startoptional
densitycompact | balanced | spaciousoptional
target_blank | _selfoptional

Theming targets

astryx-item

Best practices

  • DoUse named slots (startContent, label, description, endContent) for the common layout. These cover the 80% case.
  • DoUse density="compact" for menus and dense lists, "balanced" for standard rows, and "spacious" for roomier layouts.
  • DoSet labelLines and descriptionLines to control truncation when content length varies.
  • DoUse align="start" when start or end content is taller than a single line of text.