1.0.6-alpha.0 • Published 2 years ago

kdu-numeric-input v1.0.6-alpha.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Kdu Numeric Input

Number input component based on Kdu that is a replacement of native input number with optional control.

kdu-numeric-input

Installation

Install via NPM

$ npm install kdu-numeric-input --save

Install via CDN

<script src="https://unpkg.com/kdu"></script>
<script src="https://unpkg.com/kdu-numeric-input"></script>

Global

Register KduNumericInput globally:

import Kdu from 'kdu';
import KduNumericInput from 'kdu-numeric-input';

Kdu.use(KduNumericInput)

Local

Include the KduNumericInput directly into your component using import:

import KduNumericInput from 'kdu-numeric-input'

export default {
  components: {
    KduNumericInput
  }
}

Usage

Basic usage

<template>
  <div>
    <kdu-numeric-input  k-model="value" :min="1" :max="10" :step="2"></kdu-numeric-input>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: 1,
      };
    },
  };
</script>

PROPS:

NameDescriptionTypeDefaultOptions
nameComponent nameString--
valueBinding valueNumber--
placeholderInput placeholderString--
minMinimum allowed valueNumber-Infinity-
maxMaximum allowed valueNumberInfinity-
stepIncremental StepNumber1-
alignAlignment of Numeric ValueStringleftleft, center, right
sizeComponent SizeStringInheritsize in px, em, rem etc e.g. '20px'
precisionNumber of decimalsNumber0Integer value
controlsEnable/Disable ControlsBooleantruetrue/false
controlsTypeControls TypeStringplusminusplusminus/updown
autofocusAutofocus on Page LoadBooleanfalsetrue/false
readonlyIs ReadonlyBooleanfalsetrue/false
disabledIs DisabledBooleanfalsetrue/false

EVENTS:

Event NameDescriptionParameters
inputtriggers when input(newValue)
changetriggers when the value changes(newValue)
blurtriggers when Input blurs(event: Event)
focustriggers when Input focus(event: Event)

METHODS:

MethodDescriptionParameters
focusfocus the Input component-
blurblur the Input component-

License

MIT