vue-flag-icon
v2.1.0
vue flag icon component
0/weekUpdated 3 years agoMITUnpacked: 3.7 KB
Published by Vincenzo Ciaccio
npm install vue-flag-iconVue-Flag-Icon
a Vue2 Compoment for flag-icon
Install
``
npm i --save vue-flag-icon
Usage
Just declare the global Compoment with the use directive in your app
javascript
import FlagIcon from 'vue-flag-icon'
Vue.use(FlagIcon);
`Then to use it
html
...
...
`
To see a full set of all the icons and countries iso codes visit the flag-icon-css website.
There are 246 different icons there.Being svg files they are resizable as long as you set the font size accordingly in a wrapper element
html
`The property iso can be as well dynamically set from an object
javascript
let guy = {
name: "Vincenzo",
nationality: "it"
}
`in the Compoment you should dynamically bind the value
html
`Screenshot
$3
(it is the basic vue-cli webpack template)
html
``$3
From 1.0.4 you can now specify two different properties:
- squared : it will render the flag as a square if true, otherwise the flag will be rectangular shaped (true by default).
- title : you can specify the title of the flag icon, (by default it will be overwritten by the iso)
$3
!image