TailwindLiveComponents.TextInput (tailwind_live_components v0.1.11) View Source
Link to this section Summary
Functions
Renders the date input with masking
Renders the tel input with masking
Renders the text input
Renders the textarea
Renders the zip input with masking
Link to this section Functions
Renders the date input with masking
Options
form
- The form identifierfield
- The field namelabel
- The text for the generated<label>
elementvalue
- The current value for the inputautocomplete
- Optional autocomplete attributedetail
- Optional detail shown below the inputplaceholder
- Optional placeholdererror
- Option error messagetheme
- Optional theme to use for Tailwind classes
Renders the tel input with masking
<.tel_input form={f} field={:phone} label="Tel Input" value="555234" />
Options
form
- The form identifierfield
- The field namelabel
- The text for the generated<label>
elementvalue
- The current value for the inputautocomplete
- Optional autocomplete attributedetail
- Optional detail shown below the inputplaceholder
- Optional placeholdererror
- Option error messagetheme
- Optional theme to use for Tailwind classes
Renders the text input
<.text_input form={f} field={:fruit} placeholder="Fruit" label="Fruit" error="test error message" />
Options
form
- The form identifierfield
- The field namelabel
- The text for the generated<label>
elementvalue
- The current value for the inputautocomplete
- Optional autocomplete attributedetail
- Optional detail shown below the inputplaceholder
- Optional placeholdererror
- Optional error messagetheme
- Optional theme to use for Tailwind classes
Renders the textarea
<.textarea form={f} field={:fruit} placeholder="Select Fruit" label="Textarea" value="This is a test text area" />
Options
form
- The form identifierfield
- The field namelabel
- The text for the generated<label>
elementvalue
- The current value for the inputautocomplete
- Optional autocomplete attributedetail
- Optional detail shown below the inputplaceholder
- Optional placeholdererror
- Optional error messagetheme
- Optional theme to use for Tailwind classes
Renders the zip input with masking
Options
form
- The form identifierfield
- The field namevalue
- The current value for the inputautocomplete
- Optional autocomplete attributelabel
- The text for the generated<label>
elementdetail
- Optional detail shown below the inputplaceholder
- Optional placeholdererror
- Option error messagetheme
- Optional theme to use for Tailwind classes