<.simple_form :let={f} for={%{}} as={:story} class="w-full">
  <.input field={f[:field]} id="input-basic-inputs-text" label="Text input" type="text"/>
  <.input field={f[:field]} id="input-basic-inputs-textarea" label="Textarea input" type="textarea"/>
  <.input field={f[:field]} id="input-basic-inputs-number" label="Number input" type="number"/>
  <.input field={f[:field]} id="input-basic-inputs-date" label="Date input" type="date"/>
  <.input field={f[:field]} id="input-basic-inputs-color" label="Color input" type="color"/>
  <.input field={f[:field]} id="input-basic-inputs-range" label="Range input" type="range"/>
  <.input field={f[:field]} id="input-basic-inputs-checkbox" label="Checkbox input" type="checkbox"/>
</.simple_form>

<.simple_form :let={f} for={%{}} as={:story} class="w-full">
  <.input field={f[:field]} id="input-single-select" label="Select input" type="select" options={["Option 1", "Option 2", "Option 3"]}/>
</.simple_form>