One Easy-to-use 230+ Country Flags Component for Vue.js

vueflags is a component of Vue.js that provides a collection of 230+ country flags for your applications. VUE FLAGS is One easy-to-use flag component in all ISO 3166-1 countries.

vue flags, country flag icons, country flag icons bootstrap, country flags npm, vue country flag example, country flags svg

How to make use of it:

Install and download:

# Yarn
$ yarn add @growthbunker/vueflags

# NPM
$ npm install @growthbunker/vueflags --save

1. Import and register the component.

import VueFlags from "@growthbunker/vueflags";

Vue.use(VueFlags);

2. Insert the component into your template and select the country abbreviation in the Code property.

<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 apartment as follows:

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

230+ Country Flags, vueflags Plugin/Github


See Demo And Download

Official Website(LeCoupa): Click Here

This superior jQuery/javascript plugin is developed by LeCoupa. For extra Advanced usage, please go to the official website.

Share