Moon liveview storybook Moon Liveview Storybook

Inset Select

Website
Moon Design System Website
HEX
View package HEX
GitHub
View repository GitHub
Attribute Type Documentation Default Value
id :any

Id for the select html tag
field %FormField{}

a form field struct retrieved from the form, for example: @form[:email]
Required label * :string

The label for the select
name :any

Name of the select html tag
error :boolean

Set error state for select
false
disabled :boolean

Set disabled state
false
readonly :boolean

Set readonly state
false
rest :global

Other attributes of the Breadcrumbs
class :string

CSS class for the hint element
""
inner_block :slot

Inner content
hint :slot

Information or Error massage
Show slot attributes Hide slot attributes
error :boolean
class :any

CSS class for the hint element

 
<%= Phoenix.HTML.Form.options_for_select(%{Italy: "Italy", Spain: "Spain", China: "China", Germany: "Germany"}, "Italy") %>
<:hint>
<.icon name="info" data-testid="inset-select-icon" />
Informative hint</:hint>