NativeSelect

The NativeSelect input is similar to Select in that is a component that allows users to pick a value from a set of predefined options. However, if differs in that it shows the native Operating System UI to pick the options.

Often, this is useful on touch devices with smaller screens where the experience provided by the OS is better than the one provided by emulated drop-down.

Size

Use size property to set the size of select input.

Label

Use label property to set the label.

Label tip

Use tip property to add a tooltip next to label.

Secondary label for input

Use secondaryLabel property to set the alternative label.

Start icon of input and start icon of option

Use startIcon property to add an icon before the input label.
Use SelectOption.startIcon property to add an icon before the option label.
When an option with start icon is selected, this icon is displayed in place of input's start icon.

Disabled

Use disabled to disable the select input.

Error Message

Use errorMessage property to add an error message below the select input.

API