vuikit/src/components/notification/message.js

A Vuejs component library based on UIkit

/**
* Vuikit 0.7.0
* (c) 2018 Miljan Aleksic
* @license MIT
*/

import mergeData from 'vuikit/core/helpers/vue-data-merge'

const status = [
  'primary',
  'success',
  'warning',
  'danger'
]

export default {
  functional: true,
  props: {
    status: {
      type: String,
      default: '',
      validator: val => !val || status.indexOf(val) !== -1
    },
    transition: {
      type: String,
      default: ''
    }
  },
  render (h, { parent, props, children, data }) {
    const { status } = props

    const def = {
      class: ['uk-notification-message']
    }

    if (status) {
      def.class.push(`uk-notification-message-${status}`)
    }

    return h('div', mergeData(data, def), [
      children
    ])
  }
}