fix: select component

This commit is contained in:
kur0nek-o
2024-02-21 17:20:57 +07:00
parent 00d03c1b7e
commit 7464cb6d1c
3 changed files with 76 additions and 36 deletions

View File

@ -1,31 +1 @@
<template>
<div>
<fieldset>
<div class="space-y-4 sm:flex sm:items-center sm:space-y-0 sm:space-x-10">
<div
v-for="item in radioItems"
:key="item.id"
class="flex items-center"
>
<input
:id="item.id"
type="radio"
name="radio"
class="h-4 w-4 border-gray-300 text-primary-500 peer focus:ring-primary-500"
/>
<label
:for="item.id"
class="ml-3 block text-sm font-medium text-gray-700 peer-checked:text-primary-500"
>{{ item.title }}</label
>
</div>
</div>
</fieldset>
</div>
</template>
<script setup lang="ts">
defineProps({
radioItems: Object
})
</script>
<template></template>