230+ Country Flags For Vue.js – vueflags

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";


2. Insert the component into your template and specify the country abbreviation in the code prop.

  <gb-flag code="fr" />

3. Change the size of the flag: “nano” | “micro” | “mini” | “small” | “default” | “medium” | “large” | “huge”.

  <gb-flag code="fr" size="small" />

4. Or customize the width/height of the flat as follows:

  <gb-flag code="fr" width="16" height="16" />


v0.1.14 (04/05/2021)

  • rewrite flag components, making it cross compatible


  • rename USA


  • 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 install @growthbunker/vueflags --save

Add Comment