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...
공식 문서 열기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.