Form

Rounded Input

<div class="sl-card sl-rounded-md">
  <form>
    <div class="form-group mb-4">
      <div class="sl sl-title sl-rounded-sm sl-animation-shimmer"></div>
      <div class="sl sl-input sl-rounded-sm sl-animation-shimmer"></div>
    </div>
    <div class="form-group mb-4">
      <div class="sl sl-title sl-rounded-sm sl-animation-shimmer"></div>
      <div class="sl sl-input sl-rounded-sm sl-animation-shimmer"></div>
    </div>
    <button type="submit" class="btn btn-primary w-100">Submit</button>
  </form>
</div>

Rounded Pill Input

<div class="sl-card sl-rounded-md">
  <form>
    <div class="form-group mb-4">
      <div class="sl sl-title sl-rounded-sm sl-animation-shimmer"></div>
      <div class="sl sl-input sl-rounded-pill sl-animation-shimmer"></div>
    </div>
    <div class="form-group mb-4">
      <div class="sl sl-title sl-rounded-sm sl-animation-shimmer"></div>
      <div class="sl sl-input sl-rounded-pill sl-animation-shimmer"></div>
    </div>
    <button type="submit" class="btn btn-primary w-100">Submit</button>
  </form>
</div>

Last updated

Was this helpful?