0.2.13 • Published 5 years ago

vue-flag-pack v0.2.13

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

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

keyvaluerequireddefault
nameStringfalsevue-flag-pack

Available component options

keyvaluerequireddefaultformat
codeStringtruenonesee all codes
sizeStringfalsel's', 'm' or 'l'
classNameStringfalse--
dropshadowbooleanfalsefalse-
hasBorderbooleanfalsetrue-
hasBorderRadiusbooleanfalsetrue-
customBorderRadiusStringfalse--
gradientStringfalse'''top-down', 'real-linear' or 'real-circular'

Build Dist

# install dependencies
npm install

# build for prod
npm run build
0.2.13

5 years ago

0.2.12

5 years ago

0.2.11

5 years ago

0.2.10

5 years ago

0.2.7

5 years ago

0.2.5

5 years ago

0.2.4

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago