# vue-country-region-dropdown

> A country region selector built with Vue

Latest version **1.0.0** (published 2018-11-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-country-region-dropdown
pnpm add vue-country-region-dropdown
yarn add vue-country-region-dropdown
bun add vue-country-region-dropdown
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-11-16 |
| First published | 2018-11-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 69 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Miguel Coder |
| Maintainers | mcabrera1201 |
| Keywords | vue, country, region, state, dropdown, selector |

## Links

- npm: https://www.npmjs.com/package/vue-country-region-dropdown
- Repository: https://github.com/syntacticsolutions/Vue-Country-Region-Dropdown
- Homepage: https://github.com/syntacticsolutions/Vue-Country-Region-Dropdown#readme
- Issues: https://github.com/syntacticsolutions/Vue-Country-Region-Dropdown/issues
- npm.io page: https://npm.io/package/vue-country-region-dropdown

## Alternatives

- [@reckona/mreact-store](https://npm.io/package/@reckona/mreact-store.md) — 976 weekly downloads
- [regular-state](https://npm.io/package/regular-state.md) — 410 weekly downloads
- [@pacote/flux-actions](https://npm.io/package/@pacote/flux-actions.md) — 65 weekly downloads
- [@pilotlab/lux-debug](https://npm.io/package/@pilotlab/lux-debug.md) — 39 weekly downloads
- [vue-persist-state](https://npm.io/package/vue-persist-state.md) — 19 weekly downloads

## Recent versions

- 1.0.0 (latest) — 2018-11-16

## README

# Getting Started


0. ```npm install vue-country-region-dropdown```

0. ```import Vue from 'vue' ```
0. ```import VueCountryRegion from 'vue-country-region-dropdown'```
0. ```Vue.use(VueCountryRegion)```



# Country Dropdown
0. Usage:

```html
    <v-country-dropdown
        :blacklist="blacklist"
        placeholder="Select a Country"
        :value="billing_country"
        v-model="billing_country" /> 
```

0. Props:

`blacklist`: (optional) an array of country shortcodes that should be omitted from the dropdown

`value`: (optional)the country shortcode that belongs to the value that should be shown on mounted

# Region Dropdown
0. Usage:

```html
    <v-region-dropdown
        :country="billing_country"
        v-model="billing_state"
        :value="billing_state"
        placeholder="Select a Region"/>
```

0. Props:

`country`: The country code from `v-country-dropdown`
`value`: (optional) the region shortcode of a region to be shown on load

---
_Source: https://npm.io/package/vue-country-region-dropdown · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._