Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Apple docs
FormsApple

Cascader

Select a stable leaf path through native branch drill-down.

Public APILumenCascaderApple / SwiftUISwift product: LumenUI

Apple availability

Supported native targets

Import LumenUI in the target that uses this component. iPad support follows the iOS package baseline and uses native iPad layout behavior.

iPhone · iOS 16+iPad · iPadOS 16+Mac · macOS 13+Apple Vision · visionOS 1+

Native example

Use Cascader

Branches browse and enabled selectable leaves emit full canonical paths. Retain unknown paths until the host replaces them. Read-only selection permits browsing; app routing stays in the host.

Cascader rendered in the iPhone simulator Lumen playground
Captured exampleiPhone simulator
swift
LumenCascader("Destination", nodes: nodes, selectedPath: $path)

Reference

Public API

The primary shared and platform-specific options exposed by LumenCascader.

APIValues or typeDefaultDescription
nodes / selectedPathLumenTreeNode records / controlled ordered IDsRequiredControls a canonical path over the validated shared tree model.
readOnly / loading / errorPlatform state valuesEditable / ready / no errorGuards selection and hides stale result controls.
backLabel / formatDisclosureLocalized text / formatterEnglish defaultsNames native drill-down navigation.

Native behavior

Design and accessibility

When to use it

Branches browse and enabled selectable leaves emit full canonical paths. Retain unknown paths until the host replaces them. Read-only selection permits browsing; app routing stays in the host.

Accessibility

Localized branch and back navigation with controlled leaf selection and safe status states.

Shared component

Available on other platforms

React NativeAndroid / Compose
Apple docsSwiftUI package