One easy-to-use flag component for Vue.js with 230+ countries.

Description:

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>

Download Details:

Author: growthbunker

Live Demo: https://www.growthbunker.dev/vueflags/

Download Link: https://github.com/growthbunker/vueflags/archive/master.zip

Official Website: https://github.com/growthbunker/vueflags

#vuejs #javascript #vue-js