Vue Formulate Trim

Vue Formulate Trim allows for better string input formatting.

Install

npm install vue-formulate-trim

Usage

Add to your vue formulate plugins.

Documentation

import Vue  from  'vue'

import VueFormulate  from  '@braid/vue-formulate'

import FormulateVueTrimPlugin  from  'vue-formulate-string'

Vue.use(VueFormulate, {
	plugins: [ FormulateVueTrimPlugin ]
})

For Nuxt.js ♥ add the plugin to your formulate.config.js file.

Documentation

Component Usage

Add the trim type to a formulate component

<FormulateInput type="trim"/>

Special Props : styling✨

The styling prop is optional and can be used to add in classes to your input. It accepts and array of classes or a string and will be combined with the formulate configuration classes set in your project.

Duplicate classes are always removed.

<FormulateInput  type="trim" :styling="['border-2', 'border-blue-gray-200']"/>

or using a string...

<FormulateInput  type="trim" :styling="border-2 border-blue-gray-200"/>