Overflow List
November 2, 2026Less than 1 minute
Overflow List
Start with the basic example, then compare related settings before moving to controlled, asynchronous or combined use cases.
Basic examples
Basic usage
Preview configuration: auto-label-width, :min="0", :max="20", :max="800".
Layout and arrangement
From
from: Overflow From
API
<overflow-list> Props
| Parameter | Description | Type | Default |
|---|---|---|---|
| min | Minimum number of elements to display | number | 0 |
| margin | Item Margin | number | 8 |
| from | Overflow From | 'start' | 'end' | 'end' |
<overflow-list> Events
| Event | Description | Arguments |
|---|---|---|
| change | Emitted when the overflow count changes | value: number |
<overflow-list> Slots
| Slot | Description | Arguments |
|---|---|---|
| overflow | Collapsed elements | number: number |
Type definitions
The component exports the following types
import type { BadgeInstance } from '@cedar-design/ui'