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?