Transfer
Dual-list transfer (shuttle) with two panels, checkboxes, and middle controls to move selected items between source and target.
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
items | string | — | JSON array of {key, label} or strings defining available items |
value | string | — | JSON array of keys currently in the target panel |
searchable | boolean | — | Show search inputs in each panel |
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/transfer.js"></script>import "./pura/lib/transfer.js";