@inkline/inkline/components/ICheckbox/examples/group-color-variants.demo.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<div>
    <div class="_background:white _display:flex _align-items:center _padding:1">
        <i-checkbox-group v-model="light" color="light">
            <i-checkbox value="apple">Apple</i-checkbox>
            <i-checkbox value="banana">Banana</i-checkbox>
            <i-checkbox value="strawberry">Strawberry</i-checkbox>
            <i-checkbox value="mango">Mango</i-checkbox>
        </i-checkbox-group>
    </div>

    <div class="_background:gray-90 _display:flex _align-items:center _padding:1">
        <i-checkbox-group v-model="dark" color="dark">
            <i-checkbox value="apple">Apple</i-checkbox>
            <i-checkbox value="banana">Banana</i-checkbox>
            <i-checkbox value="strawberry">Strawberry</i-checkbox>
            <i-checkbox value="mango">Mango</i-checkbox>
        </i-checkbox-group>
    </div>
</div>