InsetNativeSelect

ARIA

RTL

A form input used for selecting a value: when collapsed it shows the currently selected option and when expanded, it shows a scrollable list of predefined options for the user to choose from.

When collapsed it shows the currently selected option and when expanded, it shows a scrollable list of predefined options for the user to choose from. Moon.io supports two types of selects, one whichs opens browser's native styling option list and Dropdown.

Default

Country / Region

Different states

Disabled

Informative message holder

Error

Informative message holder

Read only

Informative message holder

Custom styles

Country / Region

Informative message holder

Input props

Name	Type	Required	Default	Description
error	boolean	No	false	Sets error state for select
disabled	boolean	No	false	Set disabled/non-disabled
className	string	No	-	Tailwind classes for customization