Getting Started
You can use NPM or CDN to get started with Vue Flag Icons.
With NPM
To install this package run the NPM command:
npm i v-flag-icons
- Import vFlagIcons as a global component in main.js:
import vFlagIcons from 'v-flag-icons'
import 'v-flag-icons/css/rectangular.min.css'
Vue.use(vFlagIcons)
- Import vFlagIcons in a specific component:
import vFlagIcons from 'v-flag-icons'
import 'v-flag-icons/css/rectangular.min.css'
new Vue({
components: {
vFlagIcons
}
})
Now you can call in a component like this:
<vf-icon country="bd"/>
With CDN
You can also use our CDN links to start using Vue Flag Icons. Here's the CDN links:
<!-- js : production version, optimized for size and speed -->
<script src="https://cdn.jsdelivr.net/npm/v-flag-icons"></script>
<script type="text/javascript">
Vue.use(vFlagIcons);
</script>
Our all flag CSS links:
<!-- styles : production version -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/v-flag-icons/css/rectangular.min.css">
To get specific version CDN, just call like this:
<!-- js -->
https://cdn.jsdelivr.net/npm/v-flag-icons@1.0.5
<!-- style -->
https://cdn.jsdelivr.net/npm/v-flag-icons@1.0.5/css/mast.min.css
Now you can call in a component as usual:
<vf-icon country="bd"/>