@inkline/inkline/src/components/ICheckbox/examples/group-size-variants.html

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

<i-checkbox-group v-model="checked" size="sm">
    <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>

<i-checkbox-group v-model="checked" size="md">
    <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>

<i-checkbox-group v-model="checked" size="lg">
    <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>