# vuex-dropdown

> A vue.js dropdown component

![Image of Yaktocat](https://raw.githubusercontent.com/lijukrks/vuex-dropdown/master/static/images/mock.gif)

## Installation of vuex-dropdown

```js
npm i --save vuex-dropdown
```

### Browser

Include the script file 

```html
<script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script>
<script type="text/javascript" src="node_modules/vue-dropdown/dist/vuex-dropdown.min.js"></script>
```

## Browser Usage

then install the component with `Vue.use(VuexDropdown);`

```html
<script type="text/javascript">
  Vue.use(VuexDropdown);
</script>
```

### Module

```js
import VuexDropdown from 'vuex-dropdown';
```

## Module Usage

Once installed, it can be used in a template as simply as:

```html
<VuexDropdown
  v-on:onSelect="handleChangedropdown($event)" 
  v-bind:options="options"
  v-bind:selected="selected"
  v-bind:classNames="['wrapper']"/>
```

## Options

```js
[
  {
    label: "Heck",
    value: "heck"
  },
  {
    label: "Jane",
    value: "jane"
  }
]
```

## Selected

```js
{
  label: "Heck",
  value: "heck"
}
```

## classNames

The classnames to wrapp the component

```js
["wrapper"]
```

## License

MIT © Liju Kuriakose