0.2.13 • Published 5 years ago
vue-flag-pack v0.2.13
Vue Flag Pack
A project made by Yummygum
Installation
npm install vue-flag-pack
Use
Use as a plugin
import Vue from 'vue'
import Flag from 'vue-flag-pack'
Vue.use(Flag, {
name: 'Flag'
})
Use in your template:
<template>
<vue-flag-pack code="NL" />
</template>
Or import straight away
import { Flag } from 'vue-flag-pack'
Vue.component('flag-nl', {
components: {
Flag
},
template: `
<Flag code="NL" />
`
})
Or use via UNPKG network
<script src="https://unpkg.com/vue-flag-pack@0.2.1/dist/vue-flag-rollup.iife.js"></script>
<script>
const instance = new Vue({
el: '#app',
components: {
'Flag': Flag.Flag
},
})
// or
instance.use(Flag)
</script>
Available plugin options
key | value | required | default |
---|---|---|---|
name | String | false | vue-flag-pack |
Available component options
key | value | required | default | format |
---|---|---|---|---|
code | String | true | none | see all codes |
size | String | false | l | 's', 'm' or 'l' |
className | String | false | - | - |
dropshadow | boolean | false | false | - |
hasBorder | boolean | false | true | - |
hasBorderRadius | boolean | false | true | - |
customBorderRadius | String | false | - | - |
gradient | String | false | '' | 'top-down', 'real-linear' or 'real-circular' |
Build Dist
# install dependencies
npm install
# build for prod
npm run build