Lumeo

Cascader

A multi-level dropdown for selecting hierarchical data like categories or locations.

Installation

dotnet add package Lumeo

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

Usage

@using Lumeo

<Cascader />

When to Use

  • Hierarchical selection like country, state, and city pickers
  • Category drill-down for product catalogs or file systems
  • Location pickers with multi-level geography data
  • Any nested data structure where users select a path from root to leaf

Pick a country, then a state.

Please choose a location.

API Reference

Cascader

Nested inside a FormField, the cascaded context wires up Label, Required, Invalid, and HelperText automatically — the same-named parameters below only apply when the Cascader is used standalone.

  • Select — Single-level dropdown for flat option lists
  • Combobox — Searchable dropdown for flat option lists with filtering
  • Breadcrumb — Display the selected hierarchical path as a breadcrumb trail