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

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