# meta-email

> Input component type email to be used within forms. It contains all required validations.

Latest version **1.0.4** (published 2018-06-05) · 0 weekly downloads

## Install

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

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

## Links

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

## Dependencies (3)

- [meta-label](https://npm.io/package/meta-label.md) ^1.0.0
- [vee-validate](https://npm.io/package/vee-validate.md) ^2.0.9
- [meta-textual-input-mixin](https://npm.io/package/meta-textual-input-mixin.md) ^1.0.0

## Recent versions

- 1.0.4 (latest) — 2018-06-05
- 1.0.3 — 2018-03-19
- 1.0.2 — 2018-03-15
- 1.0.1 — 2018-03-15
- 1.0.0 — 2018-03-07

## README

# meta-email

[![pipeline status](http://gitlab.meta.com.br/meta-awesome/meta-email/badges/master/pipeline.svg)](http://gitlab.meta.com.br/meta-awesome/meta-email/commits/master) [![coverage report](http://gitlab.meta.com.br/meta-awesome/meta-email/badges/master/coverage.svg)](http://gitlab.meta.com.br/meta-awesome/meta-email/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-email
```

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-email id="id" name="name" label="E-mail" v-model="email"></meta-email>
  </div>
</template>

<script>
import MetaEmail from 'meta-email'

export default {
  name: 'App',
  components: {
    MetaEmail,
  },
  data() {
    return {
      email: '',
    };
  }
}
</script>
```

### Props

Parameter | Type | Required | Default | Description
--------- | ---- | -------- | ------- | -----------
classes | `object` | false | `{}` | 
disabled | `boolean` | false | false | 
id | `string` | true | | 
label | `string` | true | | |
maxlength | `number` | false | 255 | 
minlength | `number` | false | 0 | 
name | `string` | true | | 
pattern | `string` | false | `(.*)` | Regex to be applied
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-email · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._