flags-dropdown-vue

World Flag Dropdown Vue
6,796 6
Install
npm install flags-dropdown-vue
Latest Version:1.0.3
License:MIT
Last Updated:Apr 24, 2017
Links: GitHub  ·  npm
Maintainer: sanpwintthu

flag-dropdown-vue

Flag Dropdown Component for Vue2

Installation

npm install flags-dropdown-vue --save

Usage

import FlagsDropdown from 'flags-dropdown-vue'
Vue.component('flags-dropdown', FlagsDropdown);

var app = new Vue({
    el: '#app',
    data: {
      country_iso : "mm"
    },
    methods: {
    	optionSelected: function (data) {
            //console.log(data.id)
            //console.log(data.phonecode)
            this.country_iso = data.iso
      }
    }
});

Html

<link rel="stylesheet" type="text/css" href="https://rawgit.com/beyondplus/flags-dropdown-vue/master/css/flags.min.css">
<link rel="stylesheet" type="text/css" href="https://rawgit.com/beyondplus/flags-dropdown-vue/master/css/custom.css">
<flags-dropdown  v-on:change="optionSelected" :selected="country_iso"></flags-dropdown>

alt text

Our Website

www.beyondplus.biz

Related Packages

@v-c/dropdown

dropdown ui component for vue

52,439 32
vue-lang-code-flags

Vue component which shows the flag of the country from which the language comes...

38,986 12
@enso-ui/dropdown

Bulma and renderless dropdown components for Enso UI.

16,496 0
hello_test_fang

a hello world package

3,794
vue3-select-component

A flexible & modern select-input control for Vue 3.

649,098 119

Version History

Version Released License
1.0.3 MIT
1.0.2 MIT
1.0.1 MIT