Checkbox not showing?

[maxiedaniels]

I've checked in both Safari and Chrome.. checkboxes aren't showing. Not sure why... I've imported at the top of my index.html page (<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css"/>).

I'm using vue but I don't see why that would affect it...

<div class="pretty p-switch">
<input type="checkbox" id="checkbox" v-model="item.enabled" v-on:change="change_active(item)">
</div>
<div class="state">
<label>Check</label>
</div>

[lokesh-coder]

Hi @maxiedaniels ,

The problem is with the markup. Please try this,

<div class="pretty p-switch">
  <input type="checkbox" id="checkbox" v-model="item.enabled" v-on:change="change_active(item)">
  <div class="state">
    <label>Check</label>
  </div>
</div>

the state class element should be inside pretty tag

Let me know, if that doesn't solved the issue.

[maxiedaniels]

Ah, that was it. My bad! Thank you!