전체 카탈로그
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...

공식 문서 열기
live previewTable & List

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.