DesignRevision/shards-ui

Checkbox issue

Bosskee opened this issue · 2 comments

Hey, I've encountered what might be a bug in the beautiful Shards!

I have a card where I want to use a few checkboxes, so I took the example code right from the documentation, but it ends up like this in my document:
Screenshot from Gyazo
As you can see, the little checkmark appears next to the square where it's supposed to be. Is this a known issue? Any fix? :)

Code:

          <div class="card">
            <div class="card-header"> Options</div>
            <div class="card-body">
              <div class="custom-control custom-checkbox mb-3">
  <input type="checkbox" class="custom-control-input" id="customCheck1" checked>
  <label class="custom-control-label" for="customCheck1">Checkboxes are cool</label>
</div>

<!-- Normal Custom Checkbox -->
<div class="custom-control custom-checkbox mb-3">
  <input type="checkbox" class="custom-control-input" id="customCheck2">
  <label class="custom-control-label" for="customCheck2">Send me free pizza</label>
</div>

<!-- Disabled Custom Checkbox -->
<div class="custom-control custom-checkbox mb-3">
  <input type="checkbox" class="custom-control-input" id="customCheck3" disabled>
  <label class="custom-control-label" for="customCheck3">Oh no! I'm disabled!</label>
</div>
            </div>
          </div>

Didn't have latest version of Shards...!

I have the same issue, even with shards 3.0.0 and bootstrap 4. I am working with laravel. I can give more details if necesary