Tree Select

A select whose dropdown is a hierarchical tree for picking one or many nodes, with expandable branches, optional search, and multi-select support.

Preview

Attribute	Type	Default	Description
`multiple`	boolean	—	Enable multi-select with checkboxes and tags
`placeholder`	string	Select	Placeholder text when nothing is selected
`searchable`	boolean	—	Show a search input that filters and auto-expands matching paths
`disabled`	boolean	—	Disables the trigger
`data`	string	—	JSON nested array of {value, label, children} nodes

pura is copy-paste and dependency-free. Load the whole library, or just this component.

HTML

<link rel="stylesheet" href="/pura/tokens.css">
<script type="module" src="/pura/lib/tree-select.js"></script>

JavaScript

import "./pura/lib/tree-select.js";

change