mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-19 06:21:46 +01:00
feat(RadioGroup): new component (#730)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
20
docs/components/content/examples/RadioGroupLabelExample.vue
Normal file
20
docs/components/content/examples/RadioGroupLabelExample.vue
Normal file
@@ -0,0 +1,20 @@
|
||||
<script setup>
|
||||
const options = [
|
||||
{ value: 'email', label: 'Email', icon: 'i-heroicons-at-symbol' },
|
||||
{ value: 'sms', label: 'Phone (SMS)', icon: 'i-heroicons-phone' },
|
||||
{ value: 'push', label: 'Push notification', icon: 'i-heroicons-bell' }
|
||||
]
|
||||
|
||||
const selected = ref('sms')
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<URadioGroup v-model="selected" :options="options">
|
||||
<template #label="{ option }">
|
||||
<p class="italic">
|
||||
<UIcon :name="option.icon" />
|
||||
{{ option.label }}
|
||||
</p>
|
||||
</template>
|
||||
</URadioGroup>
|
||||
</template>
|
||||
Reference in New Issue
Block a user