Cascader
A multi-level cascading select that lets the user drill through nested option columns to pick a leaf path.
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
placeholder | string | — | Trigger placeholder text |
disabled | boolean | — | Disables the trigger |
change-on-select | boolean | — | Also fire change on non-leaf selection |
expand-trigger | string | click | How to expand child columns: "click" or "hover" |
data | string | — | JSON nested array of {value,label,children} 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/cascader.js"></script>import "./pura/lib/cascader.js";