vuikit/src/library/skeleton/elements/skeleton.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: {
    animated: {
      type: Boolean,
      default: false
    },
    width: {
      type: [Boolean, Number],
      default: false
    },
    height: {
      type: [Boolean, Number],
      default: false
    }
  },
  render: (h, { data, props, children }) => {
    const { animated, width, height } = props

    return h('div', mergeData({
      class: {
        'vk-skeleton--animated': animated
      },
      style: {
        width: `${width}px`,
        height: `${height}px`
      }
    }, data), [
      h('div', {
        class: 'vk-skeleton-content'
      })
    ])
  }
}