List
A list primitive wrapping real ul/ol semantics with configurable marker style, gap, and inline layout, expecting pura-list-item children in its default slot.
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
ordered | boolean | — | Render an ol instead of ul when present |
marker | string | — | Bullet style: disc, decimal, none, or check |
gap | string | — | Vertical (or horizontal) spacing between items (1..6) |
inline | boolean | — | Lay items out horizontally when present |
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/list.js"></script>import "./pura/lib/list.js";