# meta-select

> Input component type select based on vue-multiselect to be used within forms. It contains all required validations.

Latest version **1.2.1** (published 2019-09-02) · 0 weekly downloads

## Install

```sh
npm install meta-select
pnpm add meta-select
yarn add meta-select
bun add meta-select
```

## 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.2.1 |
| Published | 2019-09-02 |
| First published | 2018-03-07 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 130.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Marcelo Burkard |
| Maintainers | meta-awesome |

## Links

- npm: https://www.npmjs.com/package/meta-select
- npm.io page: https://npm.io/package/meta-select

## Dependencies (4)

- [meta-label](https://npm.io/package/meta-label.md) ^1.0.0
- [vee-validate](https://npm.io/package/vee-validate.md) ^2.0.9
- [vue-multiselect](https://npm.io/package/vue-multiselect.md) 2.0
- [meta-select-mixin](https://npm.io/package/meta-select-mixin.md) ^1.0.2

## Recent versions

- 1.2.1 (latest) — 2019-09-02
- 1.2.0 — 2019-08-16
- 1.0.7 — 2019-04-18
- 1.0.6 — 2018-11-07
- 1.0.5 — 2018-06-11
- 1.0.4 — 2018-06-11
- 1.0.3 — 2018-06-05
- 1.0.2 — 2018-03-19
- 1.0.1 — 2018-03-15
- 1.0.0 — 2018-03-07

## README

# meta-select

[![pipeline status](http://gitlab.meta.com.br/meta-awesome/meta-select/badges/master/pipeline.svg)](http://gitlab.meta.com.br/meta-awesome/meta-select/commits/master) [![coverage report](http://gitlab.meta.com.br/meta-awesome/meta-select/badges/master/coverage.svg)](http://gitlab.meta.com.br/meta-awesome/meta-select/commits/master)

> Input component type boolean based on a checkbox to be used within forms. It contains all required validations.

## Installation

``` bash
npm install --save meta-select
```

You also have to inject a validator instance into your Vue application:

> src/main.js
> ```
> import VeeValidate, { Validator } from 'vee-validate'
> 
> # Optional language package
> import ptBR from 'vee-validate/dist/locale/pt_BR' 
> Validator.addLocale(ptBR) # Optional
> 
> Vue.use(VeeValidate, {
>   inject: false,
>   locale: 'pt_BR',
>   fieldsBagName: 'validationFields',
> })
> ```

## Usage

Just import it and use it as a directive:

```
<template>
  <div id="app">
    <meta-select id="country" label="Country" name="country" v-model="country" attr-id="id" attr-label="name" :options="countries"></meta-select>
  </div>
</template>

<script>
import MetaSelect from 'meta-select'

export default {
  name: 'App',
  components: {
    MetaSelect,
  },
  data() {
    return {
      country: null,
      countries: [
          {id: 1, name: 'Argentina'},
          {id: 2, name: 'Brazil'},
      ],
    };
  }
}
</script>
```

### Props

Parameter | Type | Required | Default | Description
--------- | ---- | -------- | ------- | -----------
attrId | `string` | false | `id` | 
attrLabel | `string` | false | `label` | 
classes | `object` | false | `{}` | 
default | `string` | false | 
disabled | `boolean` | false | false | 
id | `string` | true | | 
label | `string` | true | | |
name | `string` | true | | 
options | `array` | true | | 
placeholder | `string` | false | | 
readonly | `boolean` | false | false | 
required | `boolean` | false | false | 
validations | `object` | false | `{}` | Validations applied by [vee-validate](https://github.com/baianat/vee-validate)

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).

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