Live Storybook

Text Input

Default text input Open in playground 
<.form for={%{}} as={:story} :let={f} class="w-full">
  <.text_input_group form={f} label="Address" field={:address} theme={:default} placeholder="Please type your address"/>
</.form>
With hint Open in playground

Your full postal address. 

<.form for={%{}} as={:story} :let={f} class="w-full">
  <.text_input_group form={f} label="Address" field={:address} hint="Your full postal address." theme={:default} placeholder="Please type your address"/>
</.form>
In error Open in playground

this field is in error 

<.form for={%{}} as={:story} :let={f} class="w-full">
  <% f = %{f | data: %{foo: "not valid"}, errors: [foo: {"this field is in error", []}]} %>
  <.text_input_group form={f} label="Foo field" field={:foo} theme={:default}/>
</.form>