<.dm_input id="input-single-default" label="Username" name="name" type="text" value={nil}/>

<.dm_input
  id="input-single-password"
  label="Password"
  name="password"
  type="password"
  value={nil}
/>

<.dm_input
  id="input-single-email"
  label="Email"
  name="email"
  type="email"
  value={nil}
  class="input-sm"
/>

<.dm_input
  id="input-single-input-error"
  label="Search"
  name="search"
  type="search"
  value={nil}
  errors={["Search is required"]}
/>

<.dm_input id="input-single-checkbox" label="Checkbox" name="checkbox" type="checkbox"/>

<.dm_input id="input-single-toggle" label="Auto" name="auto" type="toggle" value={nil}/>

<.dm_input
  id="input-single-select"
  label="Location"
  name="location"
  type="select"
  value={nil}
  options={[{"New York", "new_york"}, {"California", [{"San Diego", "san_diego"}, {"San Francisco", "san_francisco"}, {"Los Angeles", "los_angeles"}]}]}
/>

<.dm_input
  id="input-single-select-multiple"
  label="Favorite Cities"
  name="favorite_cities"
  type="select"
  value={nil}
  options={[{"New York", "new_york"}, {"California", [{"San Diego", "san_diego"}, {"San Francisco", "san_francisco"}, {"Los Angeles", "los_angeles"}]}]}
  multiple
/>

<.dm_input
  id="input-single-checkbox-group"
  label="Favorite countries"
  name="favorite_countries"
  type="checkbox_group"
  value={nil}
  options={[{"United States", "us"}, {"United Kigndom", "uk"}, {"Franch", "fr"}, {"German", "ge"}]}
  multiple
/>

<.dm_input
  id="input-single-radio-group"
  label="Most visited country"
  name="most_visited_country"
  type="radio_group"
  value={nil}
  options={[{"United States", "us"}, {"United Kigndom", "uk"}, {"Franch", "fr"}, {"German", "ge"}]}
/>

<.dm_input
  id="input-single-textarea"
  label="Story"
  name="story"
  type="textarea"
  value={nil}
/>

<.dm_input
  id="input-single-file"
  label="Attachment"
  name="attachment"
  type="file"
  value={nil}
/>