Radio Panels Input

import { InputRadioPanels } from '@robojuice/velure-ui';

<InputRadioPanels
  v-model="radioPanels.id"
  :options="[
    {key: 3, name: 'Kevin', description: 'Kevin is a good guy'},
    {key: 7, name: 'Mike', description: 'Mike is a good guy'},
    {key: 9, name: 'Jake', description: 'Jake is a good guy'},
  ]"
/>

<template>
  <InputRadioPanels v-model="selectedOption" :options="userOptions" />
</template>

<script setup>
import { ref } from 'vue';

const selectedOption = ref(null);
const userOptions = [
  { key: 1, name: 'Admin', description: 'Administrator with full access' },
  { key: 2, name: 'Editor', description: 'Editor with limited access' },
  { key: 3, name: 'Viewer', description: 'Viewer with read-only access' }
];
</script>

<template>
  <InputRadioPanels
    v-model="userRole"
    :options="[
      { key: 1, name: 'Admin', description: 'Administrator privileges' },
      { key: 2, name: 'User', description: 'Standard user privileges' }
    ]"
  />
</template>

<script setup>
import { ref } from 'vue';

const userRole = ref(1);
</script>