<.dm_form id="form-single-default" class="shadow p-4" for={%{}} as="user">
  <h3 class="text-lg font-bold mb-4">User Registration</h3>
  <div class="flex flex-col gap-3">
    <input type="text" placeholder="Name" class="input" />
    <input type="email" placeholder="Email" class="input" />
  </div>
</.dm_form>

<.dm_form id="form-single-with-actions" class="shadow p-4" for={%{}} as="profile">
  <div class="flex flex-col gap-3">
    <input type="text" placeholder="Username" class="input" />
    <input type="email" placeholder="Email" class="input" />
  </div>
  <:actions>
    <.dm_btn variant="ghost" type="button">Cancel</.dm_btn>
    <.dm_btn variant="primary" type="submit">Save</.dm_btn>
  </:actions>
</.dm_form>

<.dm_form
  id="form-single-actions-right"
  class="shadow p-4"
  for={%{}}
  as="settings"
  actions_align="right"
>
  <div class="flex flex-col gap-3">
    <input type="text" placeholder="Setting value" class="input" />
  </div>
  <:actions>
    <.dm_btn variant="primary" type="submit">Apply</.dm_btn>
  </:actions>
</.dm_form>