Component · Forms

Select

a single-choice listbox in a Floating-UI dropdown, with label, hint and error.

Example

Where available

✓ React
✓ Angular
✓ Web Components
✓ Blazor
✓ Tokens

Using it

the same component, named idiomatically per target. one CSS contract underneath, so they render identically.

TargetReferencePackage
React <Select> @design-foundry/lucent-react
Angular <lucent-select> @design-foundry/lucent
Web Components <lucent-select> @design-foundry/lucent-wc
Blazor <LucentSelect> DesignFoundry.Lucent

API

PropTypeDefaultDescription
options {label,value}[] [] choices (set as a property).
value unknown null selected value.
label / hint / error string — field chrome.
size xs | sm | md | lg md control density.