Select

A user-controlled menu of options for forms, navigation and more.

Example

alias Moon.Components.Select

<Form for={@user_changeset}>
  <Select field={:gender} options={@gender_options} prompt="Please select gender" />
</Form>

With Label

alias Moon.Components.Select

<Form for={@user_changeset}>
  <Select label="Gender" field={:gender} options={@gender_options} prompt="Please select gender" />
</Form>

Disabled

alias Moon.Components.Select

<Select
  disabled
  label="Gender"
  field={:gender}
  options={@gender_options}
  prompt="Please select gender"
/>

Props

Name	Type	Required	Default	Description
field	atom	Yes	-	Field name for underlying surface select component
label	string	Yes	-	Label title
prompt	string	No	-	Placeholder
disabled	boolean	No	false	Whether the component is disabled

Components v2

Button

Form

Components v1

Charts

Datepicker

Dialog

Progress

Select

Select

Example

With Label

Disabled