|
field_class
|
:any
|
additional CSS classes for the field wrapper
|
|
|
|
id
|
:any
|
|
|
|
|
class
|
:any
|
additional CSS classes for the outer wrapper
|
|
|
|
classic
|
:boolean
|
use classic input styling instead of modern
|
false
|
|
|
name
|
:any
|
HTML name attribute for form submission
|
|
|
|
label
|
:string
|
text label displayed above the input
|
|
|
|
label_class
|
:any
|
additional CSS classes for the label
|
|
|
|
value
|
:any
|
|
|
|
|
color
|
:string
|
the color variant of the input (primary, secondary, accent, info, success, warning, error)
|
|
|
|
size
|
:string
|
the size of the input (xs, sm, lg)
|
|
|
|
variant
|
:string
|
the input style variant (ghost, filled, bordered)
|
"bordered"
|
|
|
type
|
:string
|
|
"text"
|
|
|
field
|
%FormField{}
|
a form field struct retrieved from the form, for example: @form[:email]
|
|
|
|
errors
|
:list
|
list of error messages to display
|
[]
|
|
|
helper
|
:string
|
helper text displayed below the input
|
|
|
|
checked
|
:boolean
|
the checked flag for checkbox inputs
|
|
|
|
prompt
|
:string
|
the prompt for select inputs
|
|
|
|
options
|
:list
|
the options to pass to Phoenix.HTML.Form.options_for_select/2
|
|
|
|
multiple
|
:boolean
|
the multiple flag for select inputs
|
false
|
|
|
horizontal
|
:boolean
|
horizontal layout (label beside input)
|
false
|
|
|
state
|
:string
|
validation state (applies form-group-success/warning)
|
|
|
|
rest
|
:global
|
|
|
|
|
swatches
|
:list
|
list of color swatches for color_picker type
|
|
|
|
suggestions
|
:list
|
list of suggestion strings for search_with_suggestions type
|
[]
|
|
|
phx_target
|
:any
|
the phx-target for events (for use in LiveComponents)
|
|
|
|
drop_text
|
:string
|
text shown in the file_upload drop zone
|
"Drop files here or click to browse"
|
|
|
choose_files_text
|
:string
|
text for the file_upload browse button
|
"Choose Files"
|
|
|
add_tag_placeholder
|
:string
|
placeholder for the tags input field
|
"Add tag..."
|
|
|
password_hint_weak
|
:string
|
hint text shown when password strength is weak
|
"• Add uppercase letters, numbers, and special characters"
|
|
|
password_hint_medium
|
:string
|
hint text shown when password strength is medium
|
"• Add more special characters or increase length"
|
|
|
password_hint_strong
|
:string
|
hint text shown when password strength is strong
|
"• Strong password!"
|
|
|
password_strength_label
|
:string
|
accessible label for the password strength progressbar (i18n)
|
"Password strength"
|
|
|
strength_label_weak
|
:string
|
visible label for weak password strength (i18n)
|
"Weak"
|
|
|
strength_label_medium
|
:string
|
visible label for medium password strength (i18n)
|
"Medium"
|
|
|
strength_label_strong
|
:string
|
visible label for strong password strength (i18n)
|
"Strong"
|
|
|
remove_file_label
|
:string
|
accessible label for the remove file button in file_upload type
|
"Remove file"
|
|
|
toolbar_label
|
:string
|
accessible label for the rich_text toolbar
|
"Text formatting"
|
|
|
bold_label
|
:string
|
accessible label for the bold button
|
"Bold"
|
|
|
italic_label
|
:string
|
accessible label for the italic button
|
"Italic"
|
|
|
underline_label
|
:string
|
accessible label for the underline button
|
"Underline"
|
|
|
bulleted_list_label
|
:string
|
accessible label for the bulleted list button
|
"Bulleted list"
|
|
|
numbered_list_label
|
:string
|
accessible label for the numbered list button
|
"Numbered list"
|
|
|
insert_link_label
|
:string
|
accessible label for the insert link button
|
"Insert link"
|
|
|
toggle_password_label
|
:string
|
accessible label for the password visibility toggle
|
"Toggle password visibility"
|
|
|
rating_group_label
|
:string
|
accessible label template for the rating group (i18n). Use {label} for the field label.
|
"{label} rating"
|
|
|
rating_item_label
|
:string
|
accessible label template for each rating item (i18n). Use {index} and {max}.
|
"Rate {index} out of {max}"
|
|
|
remove_tag_label
|
:string
|
accessible label template for tag removal buttons (i18n). Use {tag} for the tag value.
|
"Remove tag {tag}"
|
|
|
select_color_label
|
:string
|
accessible label template for color swatch buttons (i18n). Use {color} for the color value.
|
"Select color {color}"
|
|
|
tags_group_label
|
:string
|
accessible label template for the tags input group (i18n). Use {label} for the field label.
|
"{label} tags"
|
|