vuikit/src/library/table/elements/checkbox.js

A responsive Vue UI library for web site interfaces based on UIkit

import { mergeData } from 'vuikit/src/util/vue'

export default {
  functional: true,
  props: ['checked'],
  render (h, { data, props, listeners }) {
    const def = {
      staticClass: 'uk-checkbox',
      attrs: {
        type: 'checkbox'
      },
      domProps: {
        checked: props.checked
      },
      on: {
        change: e => {
          // ensures checked state consistency
          e.target.checked = props.checked
        }
      }
    }

    return h('input', mergeData(data, def))
  }
}