Skip to content
On this page

ZvRadio

ZvRadio is a standalone component

INFO

Before you have to import the global css files in your project, follow instructions in Getting Started

Basic usage

radio erreur

group message

model:

vue
<template>
  <ZvRadioGroup :validations="[{ condition: true, text: 'group message', type: 'message' }]">
    <ZvRadio
      id="input-radio"
      v-model="inputValue"
      :validations="[{ condition: true, text: 'radio erreur', type: 'error' }]"
      value="yes"
      name="input-radio"
    >
      Input Radio 1
    </ZvRadio>
    <ZvRadio id="input-radio-2" v-model="inputValue" value="no" name="input-radio"> Input Radio 2 </ZvRadio>
    <ZvRadio id="input-radio-3" v-model="inputValue" value="maybe" name="input-radio"> Input Radio 3 </ZvRadio>
  </ZvRadioGroup>
</template>

<script lang="ts" setup>
  import ZvRadio from '@zadigetvoltaire/ui/components/ZvRadio'
  import { ref } from 'vue'

  const inputValue = ref()
</script>

ZvRadio

ZvRadioGroup