Table & ListOverflowList7 props
Overflow List
A horizontal list that automatically hides items when they exceed the available width. Use OverflowList for breadcrumbs, toolbars, tag lists, or any row that needs to collapse g...
공식 문서 열기Preview
Import
import {OverflowList} from '@astryxdesign/core/OverflowList';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
When to use
A horizontal list that automatically hides items when they exceed the available width. Use OverflowList for breadcrumbs, toolbars, tag lists, or any row that needs to collapse g...
overflowtruncatecollapsebreadcrumbtoolbartag-listpill-listmore
Important props
collapseFromstart | endoptional
behaviorobserveSelf | observeParentoptional
Theming targets
astryx-overflow-list
Best practices
- DoProvide a meaningful overflowRenderer: a "+N more" badge, a dropdown, or a count indicator.
- DoSet minVisibleItems to keep key items visible regardless of container size.
- Do notUse OverflowList for vertical layouts; it only works with horizontal rows.