Overflow List
@astryxdesign/core v0.7.1 · OverflowList
OverflowList Props
| Name | Type | Default | Description |
|---|---|---|---|
items | OverflowListItem[] | - | Items to lay out. The ones that do not fit go into More. |
gap | SpacingStep | 2 | Gap on the spacing scale. |
minVisibleItems | number | 0 | Minimum number of items to keep visible. |
maxVisibleItems | number | - | Maximum number of items to keep visible. |
maxRows | number | - | Wrap up to this many rows before overflowing. |
collapseFrom | 'start' | 'end' | 'end' | Which end collapses first. |
behavior | 'observeSelf' | 'observeParent' | 'observeSelf' | Measure the list or its parent. |
visibleCount | number | - | Forces the visible count and skips measurement. |
as | NavLinkComponent | 'a' | Link root for visible items and menu items. |
OverflowList events
| Name | Description |
|---|---|
select | Fired when an item is chosen, with the item and the click event. |
overflowChange | Fired when the collapsed set changes. The payload is { item, index }[], where index is the item's original place in items. A list that fits from the start never fires. When everything fits again, it fires once with an empty array. |
OverflowList slots
| Name | Description |
|---|---|
item | Custom item. Props are { item, index }. |
overflow | Custom overflow. Props are { items }. Defaults to the More menu. |