Moon liveview storybook Moon Liveview Storybook

Input

Website
Moon Design System Website
HEX
View package HEX
GitHub
View repository GitHub
Attribute Type Documentation Default Value
cva_class :string
disabled :boolean

Disabled state
false
error :boolean

Error toggle state
false
size :string

Size of the input
"md"
borderless :boolean

Removes border from input if true
false
label :string

The label for the input
button_label :string

The label for the button
"Choose file"
name :any

Name for the input html tag
value :any

Current value of the input
id :any

Id for the input html tag
class :string

Additional style classes for the input
""
placeholder :string

The placeholder for the input
""
hint :string

Hint message for the input
errors :list

Errors list to be displayed
[]
error_icon :boolean

Show error icon if true
false
hint_icon :boolean

Show error icon if true
false
checked :boolean

The checked state of the input
false
as :string

Rendered HTML element
""
upload %UploadConfig{}

The upload configuration for file inputs
no_file_text :string

Text displayed when no file is chosen
"No file chosen"
dynamic_tag :boolean

Enables swapping <input> tag with any other HTML element when true
false
type :string

Input type
"text"
field %FormField{}

a form field struct retrieved from the form, for example: @form[:email]
rest :global

Additional attributes for the input
lead :slot

Slot for leading element
trailing :slot

Slot for trailing element