Skip to content
On this page

Radio

basic

Option 1
Option 2
Option 3
<script setup lang="ts">
import { ref } from 'vue'
import { DuRadio, DuRadioOption } from 'doggy-ui-v3'

const value = ref<string>('')
</script>

<template>
  <du-radio v-model="value">
    <du-radio-option value="Option 1">Option 1</du-radio-option>
    <du-radio-option value="Option 2">Option 2</du-radio-option>
    <du-radio-option value="Option 3">Option 3</du-radio-option>
  </du-radio>
</template>

API

Radio Props

NameDescriptionTypeDefault
model-value / v-modelbinding valuestring-

Radio Slots

NameDescription
defaultcustomize content

Radio Option Props

NameDescriptionTypeDefault
valuevalue of the optionstring-

Radio Option Slots

NameDescription
defaultcustomize content