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:
17
docs/components/radio/examples/BorderedRadio.vue
Normal file
17
docs/components/radio/examples/BorderedRadio.vue
Normal 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>
|
||||
Reference in New Issue
Block a user