Select · Glowup

INPUTS · 24 / 89

Select

Select — a Material You inputs component for React Native and web.

󱀫

packages/ui/src/components/Select.tsx

Live demo

󰄜

360

󰓶

720

󰍹

Full

Country

Properties

6 controls

Label

Value

Placeholder

Variant

Error Message

Disabled

Usage

Select.tsx

Variants

The states and shapes this component is meant to be used in.

Variants

Billing country

States

Subscription plan

Pick a plan to continue.

Subscription plan

Multi select

Notify me via

Multi select chips

Shipping destinations

API reference

Generated from the library's TypeScript, so it cannot drift from the implementation.

Props

15 on SelectProps

Filter props

󰍉

onSelect

required

(value: any) => void

options

required

Option[]

value

required

any

defaultOpen

boolean

default: false

Mount with the option list already open. Uncontrolled after that.

disabled

boolean

error

string

label

string

multiSelect

boolean

default: false

optionStyle

object

placeholder

string

default: "Select an option"

selectedValues

any[]

default: []

showAsChips

boolean

default: false

style

object

toggleOptions

(value: any) => void

variant

SelectVariant

default: "outlined"

󰅁

󰅂