vuikit/src/library/label/elements/label.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: {
    type: {
      type: String,
      validator: val => !val || /^(success|warning|danger)$/.test(val)
    }
  },
  render (h, { data, props, children }) {
    const { type } = props

    return h('span', mergeData(data, {
      class: ['uk-label', {
        [`uk-label-${type}`]: type
      }]
    }), children)
  }
}