feat(component): New radio component (#161)

* radio initial

* initial radio

* Update src/components/Radio/Radio.vue

* Update src/components/Radio/Radio.vue

* Update docs/components/radio/examples/ListRadio.vue

* Update docs/components/radio/examples/LinkRadio.vue

* Update docs/components/radio/examples/InlineRadio.vue

* Update docs/components/radio/examples/HorizontalListRadio.vue

* Update docs/components/radio/examples/DisabledRadio.vue

* Update docs/components/radio/examples/DefaultRadio.vue

* Update docs/components/radio/examples/BorderedRadio.vue

* Update src/components/Radio/Radio.vue

---------

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>
This commit is contained in:
Vasu Singh
2023-07-06 21:52:37 +05:30
committed by GitHub
parent 3949212a33
commit 64ac31bacf
12 changed files with 321 additions and 0 deletions

View File

@@ -0,0 +1,17 @@
<template>
<div class="grid grid-cols-2 gap-6">
<div class="flex items-center p-2 border border-gray-200 rounded dark:border-gray-700">
<Radio v-model="picked" value="fs" label="Radio 1" />
</div>
<div class="flex items-center p-2 border border-gray-200 rounded dark:border-gray-700">
<Radio v-model="picked" value="sec" label="Radio 2" />
</div>
</div>
</template>
<script setup>
import Radio from '../../../../src/components/Radio/Radio.vue'
import { ref } from 'vue'
const picked = ref('fs')
</script>