Select

Displays a list of options for the user to pick from, triggered by a button.

$bunx shadcn@latest add @nx-ui/select
Registry item
Installs withutils
Used byai-prompt-inputcalendar-viewdata-tablephone-inputquantity-inputsettingstransfer-note

Basic

A single select with a placeholder shown until a waste stream is chosen.

With groups and labels

SelectGroup and SelectLabel organise destination sites by region, separated with SelectSeparator.

Disabled

The whole control ignores interaction; individual items can also be disabled.

Small size

The `size` prop on SelectTrigger switches between default and a compact sm variant.

Composition: movement dispatch form

Select inside Field/FieldLabel rows, used to route a waste movement to the right site and vehicle.

Ridgeway Haulage confirms availability on dispatch.

API reference

Exported parts and their props, extracted from the component source.