Skip to main content

Select Input

Dropdown select input for choosing from predefined options.

Basic Usage

<Input
name='country'
type='select'
placeholder='Select country'
options={[
{label: 'United States', value: 'us'},
{label: 'Turkey', value: 'tr'},
{label: 'United Kingdom', value: 'uk'},
]}
onSelect={setCountry}
/>

With Label

<Input
name='category'
type='select'
label='Category'
options={categories}
onSelect={handleSelect}
/>

Props

PropTypeDescription
optionsArray<{label, value}>Select options
onSelect(value) => voidSelection handler