Using a Slot - We use a slot inside the RadioButtonGroup, allowing the parent component to control how label is rendered.

RadioButtonGroup.slotComponent.vue

<template>
  <div class="radio-button-group">
    <div
      v-for="option in optionList"
      :key="option.value"
      :disabled="option.disabled"
      :class="{ 'option--active': selected === type.value }"
    >
      <div v-if="type.icon" :class="type.icon" />
      <slot :labelText="option.label">
          {{option.label}}
      </slot>
      // ...
    </div>
  </div>
</template>

<template>
  <RadioButtonGroup :optionList="suggestDepositAmounts">
    <template #default="{ labelText }">
      <CustomElement :labelText="labelText" />
    </template>
  </RadioButtonGroup>
</template>

<script>
  const suggestDepositAmounts = [
      {
          value: "100",
          label: "100 RSD",
      }
  ];
</script>