<.dm_form_row id="form-row-single-default">
  <div class="form-group">
    <label class="form-label">First Name</label>
    <input type="text" class="input" placeholder="John" />
  </div>
  <div class="form-group">
    <label class="form-label">Last Name</label>
    <input type="text" class="input" placeholder="Doe" />
  </div>
</.dm_form_row>

<.dm_form_row id="form-row-single-three-fields">
  <div class="form-group">
    <label class="form-label">City</label>
    <input type="text" class="input" placeholder="City" />
  </div>
  <div class="form-group">
    <label class="form-label">State</label>
    <input type="text" class="input" placeholder="State" />
  </div>
  <div class="form-group">
    <label class="form-label">ZIP</label>
    <input type="text" class="input" placeholder="12345" />
  </div>
</.dm_form_row>

<.dm_form_row id="form-row-single-with-class" class="gap-6">
  <div class="form-group">
    <label class="form-label">Phone</label>
    <input type="tel" class="input" placeholder="+1 (555) 000-0000" />
  </div>
  <div class="form-group">
    <label class="form-label">Extension</label>
    <input type="text" class="input" placeholder="1234" />
  </div>
</.dm_form_row>