0.1.14 • Published 5 years ago
vue-flaggy v0.1.14
Installation
npm install vue-flaggy
# OR
yarn add vue-flaggy
Global Import
import { VueFlaggy } from 'vue-flaggy'
Vue.component('VueFlaggy', VueFlaggy)
Component Import
<template></template>
<script>
import { VueFlaggy } from 'vue-flaggy'
export default {
components: {
VueFlaggy
}
}
</script>
Usage
<vue-flaggy country="ph" size="small" :square="true"></vue-flaggy>
Props
Property | Type | Description | Default |
---|---|---|---|
country | String | An ISO 3166-1-alpha-2 country code. | 'ph' |
size | String | 'small', 'medium', 'large' | 'small' |
square | Boolean | Shows a square flag. | false |
Roadmap
- Width and height of the flag container must adjust automatically depending on the SVG's width and height. Right now, a
square: false
flag still uses an n x n ratio. - A
select
component that shows all the flags and returns the selected country code.
Contributing
Contributions are welcome! 🎉 When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.