@shapla/vue-input v1.0.0

Shapla TextField

A simple customized input text field.

Table of contents

• Installation
• Usage

Installation

npm install --save @shapla/vue-input

Usage

Styles

with Sass:

import '@shapla/vue-input/src/index.scss';

with CSS:

import '@shapla/vue-input/dist/style.css';

Javascript Instantiation

import ShaplaInput from '@shapla/vue-input';

export default {
  name: 'Hello',

  components: {
    ShaplaInput
  }
}

<shapla-input
  label="Email"
  help-text="Write your valid email address"
  validation-text="Please enter a valid email address"
  :has-error="true"
/>

Props

Listeners

The input component fires the following events:

update:modelValue: When you input anything on field

<!-- template -->
<text-field @update:modelValue="handleInputEvent"/>


<!-- method -->
methods: {
handleInputEvent(value){
// Handle input event
}
}