1.0.4 • Published 4 years ago

vuetify-weight-input v1.0.4

Weekly downloads
11
License
ISC
Repository
github
Last release
4 years ago

Vuetify Weight Input

Nice Weight input build by vue & vuetify

check demo by clicking here

Table of Contents

Installation

  • install vuetify-weight-input
  npm install vuetify-weight-input

Usage

import and use component

View all available options in Props.

import and use the vuetify-weight-input component:

<template>
  <vuetify-weight-input outlined v-model="weight"></vuetify-weight-input>
<template>

<script>
import VWeightInput from 'vuetify-weight-input';

export default {
  components: {VWeightInput},
  data() {
    return {
      weight: null
    }
  },
};
</script>

Props

PropertyTypeDefault valueDescription
labelStringundefinedadd label to input
unitString'kg'unit of weight
placeholderStringundefinedadd placeholder to input
outlinedBooleanfalseapply vuetify outlined style
denseBooleanfalseadd vuetify dense prop to input
suffixBooleanfalseadd suffix to input contain unit
disabledBooleanfalseadd vuetify disabled prop to input
show-shortcutsBooleantrueadd additional buttons to menu to quck add weight (1/2, 1/4 ... etc)
widthNumberfalsewidth of input (not menu)
max-widthNumberfalsewidth of input (not menu)
empty-errorBooleanfalsePuts the input in an error state if input is empty or equals to 0
save-textString'Save'save button text
cancel-textString'Cancel'cancel button text
eighth-textString'1/8'1/8 button text
quarter-textString'1/4'1/4 button text
half-textString'1/2'1/2 button text
plus-quarter-colorString'secondary'color of +0.25 button

Credits

made with by Ebrahim Maher.