TailwindLiveComponents.TextInput (tailwind_live_components v0.2.1) 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 identifier
  • field - The field name
  • label - The text for the generated <label> element
  • value - The current value for the input
  • autocomplete - Optional autocomplete attribute
  • detail - Optional detail shown below the input
  • placeholder - Optional placeholder
  • error - Option error message
  • theme - 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 identifier
  • field - The field name
  • label - The text for the generated <label> element
  • value - The current value for the input
  • autocomplete - Optional autocomplete attribute
  • detail - Optional detail shown below the input
  • placeholder - Optional placeholder
  • error - Option error message
  • theme - 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 identifier
  • field - The field name
  • label - The text for the generated <label> element
  • value - The current value for the input
  • autocomplete - Optional autocomplete attribute
  • detail - Optional detail shown below the input
  • placeholder - Optional placeholder
  • error - Optional error message
  • theme - 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 identifier
  • field - The field name
  • label - The text for the generated <label> element
  • value - The current value for the input
  • autocomplete - Optional autocomplete attribute
  • detail - Optional detail shown below the input
  • placeholder - Optional placeholder
  • error - Optional error message
  • theme - Optional theme to use for Tailwind classes

Renders the zip input with masking

Options

  • form - The form identifier
  • field - The field name
  • value - The current value for the input
  • autocomplete - Optional autocomplete attribute
  • label - The text for the generated <label> element
  • detail - Optional detail shown below the input
  • placeholder - Optional placeholder
  • error - Option error message
  • theme - Optional theme to use for Tailwind classes