Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Apple docs
FormsApple

Multi select

Select multiple searchable options with controlled values and result states.

Public APILumenMultiSelectApple / 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 Multi select

Selection applies immediately. The host owns search, asynchronous results, cancellation, and persistence. Missing selected options retain their raw value as a chip label. Localize every string and count/removal formatter.

Multi select rendered in the iPhone simulator Lumen playground
Captured exampleiPhone simulator
swift
LumenMultiSelect("Teams", values: $teams, query: $query, options: matchingTeams)

Reference

Public API

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

APIValues or typeDefaultDescription
label / optionsString / [LumenAutocompleteOption<String>]RequiredNames the field and supplies uniquely identified, readable results.
valuesBinding<Set<String>>RequiredControls selection independently from visible results.
queryBinding<String>RequiredControls caller-owned search.
loading / resultsErrorMessage / onRetryBool / String? / (() -> Void)?false / null / nullProvides loading, safe error, and recovery states.
description / errorMessageString?NoneProvides help and separate form validation.
disabled / readOnlyBooltrue / falseBlocks editing and dismisses selection.
chooseLabel / searchLabel / clearSearchLabel / doneLabelStringEnglish defaultsLocalizes selection and dialog actions.
emptyLabel / loadingLabel / retryLabelStringEnglish defaultsLocalizes result states.
selectionLabel / removeLabel(Int) -> String / (String) -> StringEnglish formattersLocalizes counts and chip removal.
——NonePasses the application safe-area provider insets into the native sheet.
———Applies field layout.

Native behavior

Design and accessibility

When to use it

Selection applies immediately. The host owns search, asynchronous results, cancellation, and persistence. Missing selected options retain their raw value as a chip label. Localize every string and count/removal formatter.

Accessibility

Uses a native dialog with named checkbox options, removal actions, validation, and read-only or disabled behavior.

Shared component

Available on other platforms

React NativeAndroid / Compose
Apple docsSwiftUI package