Lumeo

Tree Select

A dropdown selector with a hierarchical tree structure — ideal for selecting categories, org chart nodes, or nested data.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<TreeSelect />

Selected: none

Selected:

Pick a value, then use the clear button to reset.

API Reference

TreeSelect

TreeSelectItem

Property Type Description
Label string Display text for the node.
Value string Unique value for the node used in selection.
Children List<TreeSelectItem>? Child nodes for nested tree structure.
Disabled bool Prevent this node from being selected.
Icon string? Optional icon shown before the label.