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 gracefully at smaller sizes.
tsimport {OverflowList} from '@astryxdesign/core/OverflowList'
| Guidance | Practices |
|---|---|
| Do | Provide a meaningful overflowRenderer: a "+N more" badge, a dropdown, or a count indicator. |
| Do | Set minVisibleItems to keep key items visible regardless of container size. |
| Don't | Use OverflowList for vertical layouts; it only works with horizontal rows. |
Overflow list that hides items from the start, keeping the latest visible
Resizable row of badges that collapses into a count badge on overflow
Action toolbar that collapses overflow buttons into a dropdown menu