# Radio buttons

To use the custom radio buttons you need to import the custom made component: 
import {Radio} from 'src/components'
1

Global usage

Vue.component(Radio.name, Radio)
1

For local usage

export default {
  components: {
    [Radio.name]: Radio
  }
}
1
2
3
4
5

# Custom radio buttons

<template>
  <div>
     <n-radio v-model="enabledRadio" label="1">Radio is off</n-radio>
     <n-radio v-model="enabledRadio" label="2">Radio is on</n-radio>

     <n-radio disabled v-model="disabledRadio" label="1">Disabled radio is off</n-radio>
     <n-radio disabled v-model="disabledRadio" label="2">Disabled radio is on</n-radio>
  </div>
</template>

<script>
  export default {
    data () {
        return {
           enabledRadio: '2',
           disabledRadio: '2',
        }
      }
  }
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# Radio Props

# Radio Events

Event Name Description Parameters
input triggers when the binding value changes the updated value

← Select →