<.dm_form_grid id="form-grid-single-two-columns" cols={2}>
  <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>
  <div class="form-group">
    <label class="form-label">Email</label>
    <input type="email" class="input" placeholder="john@example.com" />
  </div>
  <div class="form-group">
    <label class="form-label">Phone</label>
    <input type="tel" class="input" placeholder="+1 234 567 890" />
  </div>
</.dm_form_grid>

<.dm_form_grid id="form-grid-single-three-columns" cols={3}>
  <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 Code</label>
    <input type="text" class="input" placeholder="12345" />
  </div>
</.dm_form_grid>

<.dm_form_grid id="form-grid-single-four-columns" cols={4}>
  <div class="form-group">
    <label class="form-label">Q1</label>
    <input type="number" class="input" placeholder="0" />
  </div>
  <div class="form-group">
    <label class="form-label">Q2</label>
    <input type="number" class="input" placeholder="0" />
  </div>
  <div class="form-group">
    <label class="form-label">Q3</label>
    <input type="number" class="input" placeholder="0" />
  </div>
  <div class="form-group">
    <label class="form-label">Q4</label>
    <input type="number" class="input" placeholder="0" />
  </div>
</.dm_form_grid>