# Radio Examples (vue)

```vue
<template>
  <h1>DBRadio Documentation Examples</h1>
  <h2>1. Default Radio</h2>
  <DBRadio label="Default Radio"></DBRadio>
  <h2>2. Sizes</h2>
  <DBRadio size="small" label="Small Radio"></DBRadio>
  <DBRadio size="medium" label="Medium Radio"></DBRadio>
  <h2>3. Validation States</h2>
  <DBRadio validation="valid" label="Valid Radio"></DBRadio>
  <DBRadio validation="invalid" label="Invalid Radio"></DBRadio>
  <DBRadio validation="no-validation" label="No Validation Radio"></DBRadio>
  <h2>4. Disabled State</h2>
  <DBRadio label="Disabled Radio" :disabled="true"></DBRadio>
  <h2>5. Change Event Example</h2>
  <DBRadio
    label="Change Event"
    :onChange="(event) => console.log('Change event:', event.target.checked)"
  ></DBRadio>
</template>

<script setup lang="ts">
import { DBRadio } from "@db-ux/v-v-core-components";
</script>
```