Checkboxes

---

To use the custom checkbox controls you need to import the custom made component:

import {Checkbox} from 'src/components'

Global usage

Vue.component(Checkobx.name, Checkbox)

For local usage

export default {
  components: {
    [Checkbox.name]: Checkbox
  }
}

Custom checkboxes

Unchecked

Checked

Disabled unchecked

Disabled checked

<template>
    <div>
       <n-checkbox v-model="unchecked">Unchecked</n-checkbox>
       <n-checkbox  v-model="checked">Checked</n-checkbox>

       <n-checkbox :disabled="true" :checked="false">Disabled unchecked</n-checkbox>
       <n-checkbox :disabled="true" :checked="true">Disabled checked</n-checkbox>
    </div>
</template>

<script>
  export default {
    data () {
        return {
          unchecked: false,
          checked: true
        }
      }
  }
</script>

Show

Checkbox Props

Checkbox Events

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

Slots

Name	Description
default	Default content for checkbox