<.simple_form :let={f} for={%{}} as={:story} class="w-full">
  <.input field={f[:field]} id="form-basic-inputs-text" label="Text input" type="text"/>
  <.input
    field={f[:field]}
    id="form-basic-inputs-textarea"
    label="Textarea input"
    type="textarea"
  />
  <.input
    field={f[:field]}
    id="form-basic-inputs-number"
    label="Number input"
    type="number"
  />
  <.input field={f[:field]} id="form-basic-inputs-date" label="Date input" type="date"/>
  <.input field={f[:field]} id="form-basic-inputs-color" label="Color input" type="color"/>
  <.input field={f[:field]} id="form-basic-inputs-range" label="Range input" type="range"/>
  <.input
    field={f[:field]}
    id="form-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="form-single-select"
    label="Select input"
    options={["Option 1", "Option 2", "Option 3"]}
    type="select"
  />
</.simple_form>