1.0.0 • Published 6 years ago
meta-textarea v1.0.0
meta-textarea
Component type text area to be used within forms. It contains all required validations.
Installation
npm install --save meta-textarea
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-textarea id="id" name="name" label="Any Text" v-model="textarea"></meta-textarea>
</div>
</template>
<script>
import MetaTextarea from 'meta-textarea'
export default {
name: 'App',
components: {
MetaTextarea,
},
data() {
return {
text: '',
};
}
}
</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 | |
rows | string | false | 4 | Number of rows |
cols | string | false | 50 | Number of cols |
required | boolean | false | false | |
validations | object | false | {} | Validations applied by vee-validate |
Build Setup
# 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.
1.0.0
6 years ago
1.0.0-beta
6 years ago