tailwind_live_components v0.5.7

View Source TailwindLiveComponents.NumberInput (tailwind_live_components v0.5.7)

Link to this section Summary

Functions

number_input(assigns)

Renders the number input

slider(assigns)

Renders the slider number input

Link to this section Functions

Link to this function

number_input(assigns)

View Source

Renders the number input

<.number_input form={f} field={:value} label="Number Input" min="5" max="10" step="2" />

options

 Options

  • form - The form identifier
  • field - The field name
  • label - The text for the generated <label> element
  • required - Optional flag idicating field is required
  • value - The current value for the input
  • autocomplete - Optional autocomplete attribute
  • detail - Optional detail shown below the input
  • min - min value for input
  • max - max value for input
  • step - Optional step for input
  • value - Optional field value
  • placeholder - Optional placeholder
  • error - Optional error message
  • theme - Optional theme to use for Tailwind classes
Link to this function

slider(assigns)

View Source

Renders the slider number input

<.slider form={f} field={:value} label="Slider Input" min="10" max="100" step="2" prefix="$" />

options

 Options

  • form - The form identifier
  • field - The field name
  • label - The text for the generated <label> element
  • required - Optional flag idicating field is required
  • min - min value for input
  • max - max value for input
  • step - Optional step for input
  • prefix - Optional prefix
  • value - Optional field value
  • placeholder - Optional placeholder
  • error - Optional error message
  • theme - Optional theme to use for Tailwind classes