SaladUI

Input

Displays a form input field or a component that looks like an input field.

Read more Read less

Examples

<.input type="text" placeholder="Enter your name" />
<.input type="email" placeholder="Enter your email" />
<.input type="password" placeholder="Enter your password" />
Basic inputs Open in playground 
<.simple_form :let={f} for={%{}} as={:story} class="w-full">
  <.input id="input-basic-inputs-text" label="Text input" type="text" placeholder="Text input"/>
  <.input id="input-basic-inputs-number" label="Number input" type="number" placeholder="Number input"/>
  <.input id="input-basic-inputs-date" label="Date input" type="date" placeholder="Date input"/>
  <.input id="input-basic-inputs-color" label="Color input" type="color" placeholder="Color input"/>
</.simple_form>