New Component: RadioButtonGroup

[mertsincan]

RadioButtonGroup is a component that groups multiple radio buttons, allowing users to select only one option from the group.

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