New Component: CheckboxGroup

[mertsincan]

CheckboxGroup is a component that groups multiple checkboxes, allowing users to select one or more options.

<CheckboxGroup v-model="selectedValue" name="pizza" class="flex flex-wrap gap-4">
    <div class="flex items-center">
        <Checkbox inputId="ingredient1" value="Cheese" />
        <label for="ingredient1" class="ml-2"> Cheese </label>
    </div>
    <div class="flex items-center">
        <Checkbox inputId="ingredient2" value="Mushroom" />
        <label for="ingredient2" class="ml-2"> Mushroom </label>
    </div>
    <div class="flex items-center">
        <Checkbox inputId="ingredient3" value="Pepper" />
        <label for="ingredient3" class="ml-2"> Pepper </label>
    </div>
    <div class="flex items-center">
        <Checkbox inputId="ingredient4" value="Onion" />
        <label for="ingredient4" class="ml-2"> Onion </label>
    </div>
</CheckboxGroup>