A Vue.js component that provides a collection of 230+ country flats for your applications.
How to use it:
1. Import and register the component.
import VueFlags from "@growthbunker/vueflags"; Vue.use(VueFlags);
2. Insert the component into your template and specify the country abbreviation in the code prop.
<template> <gb-flag code="fr" /> </template>
3. Change the size of the flag: “nano” | “micro” | “mini” | “small” | “default” | “medium” | “large” | “huge”.
<template> <gb-flag code="fr" size="small" /> </template>
4. Or customize the width/height of the flat as follows:
<template> <gb-flag code="fr" width="16" height="16" /> </template>
Changelog:
v0.1.14 (04/05/2021)
- rewrite flag components, making it cross compatible
10/26/2020
- rename USA
10/04/2020
- v0.1.10
Download Details:
Author: LeCoupa
Live Demo: https://www.growthbunker.dev/vueflags
Download Link: https://github.com/LeCoupa/vueflags/archive/master.zip
Official Website: https://github.com/LeCoupa/vueflags
Install & Download:
# Yarn
$ yarn add @growthbunker/vueflags
# NPM
$ npm install @growthbunker/vueflags --save