vue-field

Flexible input, textarea, and select component for Vue 2.

Installation

npm install @nylira/vue-field

Usage

<template>
  <field v-model="email" placeholder="Enter your email"></field>
</template>

<script>
  import Field from '@nylira/vue-field'
  export default {
    components: {
      Field
    },
    data () {
      return {
        email: ''
      }
    }
  }
</script>

<style>
  .ni-field {
    width: 320px;
  }
</style>

Props

value=""
// The value of the field field, also can be used with v-model
// Options: Any valid string

placeholder=""
// The field field placeholder
// Options: Any valid string

size=""
// Chanage the size of the field field
// Options: "lg", "sm"

required
// Self-explanatory

theme="tendermint"
// Adds a custom field field theme
// Options: "tendermint"

type="text"
// Input field type (mainly used for HTML forms)
// Options: "text", "email", "tel", "num", "password", "textarea"