# Form

### Rounded Input

![](https://305133029-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzM8aaVW6gcZhDJOVGg%2F-LzRCPKGLJf9Ix35zPI1%2F-LzRJyfOPtZb8Nnj_JNl%2FScreenshot_147.png?alt=media\&token=9dea0fec-a8bd-498f-875f-cdf42ddcc3e3)

```markup
<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

![](https://305133029-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzM8aaVW6gcZhDJOVGg%2F-LzRCPKGLJf9Ix35zPI1%2F-LzRKAlIWUX__RfzGati%2FScreenshot_148.png?alt=media\&token=e39e2e0e-7b92-4368-9d07-ab13341fcaa0)

```markup
<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>
```