Simple image placeholder component for VueJs for quick visualization during design created by Martin Ivanov. Easy as setting colors, text and size.
// npm
» npm i vc-image-placeholder
// yarn
» yarn add vc-image-placeholders
<!-- jsdelivr cdn -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vc-image-placeholder"></script>
<!-- unpkg cdn -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vc-ribbon/dist/lib/vc-ribbon.min.js"></script>// import the module
import VcImagePlaceholder from 'vc-image-placeholder'
// add to Vue
Vue.use(VcRibbon)
// or add it to another Vue component
components: {
VcImagePlaceholder
}Below is the default usage configuration of the component. Refer the the "Props" section to learn how to customize VcImagePlaceholder.
<vc-image-placeholder />
Below is a list of the properties that can be used to customize the look and feel of the image placeholders.