Overflow List
Responsive horizontal container that shows as many slotted children as fit on one line and collapses the rest into a trailing overflow menu.
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
min-visible | number | — | Always show at least N items even if they overflow. |
gap | string | 0.5rem | CSS length value for the horizontal gap between items. |
Installation
pura is copy-paste and dependency-free. Load the whole library, or just this component.
<link rel="stylesheet" href="/pura/tokens.css">
<script type="module" src="/pura/lib/overflow-list.js"></script>import "./pura/lib/overflow-list.js";