<.dm_fieldset id="fieldset-single-default" legend="Personal Information">
  <div class="space-y-4">
    <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>
</.dm_fieldset>

<.dm_fieldset id="fieldset-single-filled" variant="filled" legend="Filled Variant">
  <div class="form-group">
    <label class="form-label">Email</label>
    <input type="email" class="input" placeholder="user@example.com" />
  </div>
</.dm_fieldset>

<.dm_fieldset id="fieldset-single-borderless" variant="borderless" legend="Borderless Variant">
  <div class="form-group">
    <label class="form-label">Notes</label>
    <textarea class="textarea" placeholder="Enter notes..."></textarea>
  </div>
</.dm_fieldset>

<.dm_fieldset id="fieldset-single-card" variant="card" legend="Card Variant">
  <div class="form-group">
    <label class="form-label">Address</label>
    <input type="text" class="input" placeholder="123 Main St" />
  </div>
</.dm_fieldset>

<.dm_fieldset id="fieldset-single-no-legend">
  <div class="form-group">
    <label class="form-label">Hidden group</label>
    <input type="text" class="input" placeholder="No legend shown" />
  </div>
</.dm_fieldset>