bpk-component-split-input

Backpack split-input component.

Installation

npm install bpk-component-split-input --save-dev

Usage

import React from 'react';
import BpkSplitInput, { INPUT_TYPES } from 'bpk-component-split-input';

export default () => (
  <BpkSplitInput
    type={INPUT_TYPES.number}
    name="otpInput"
    id="otpInput"
    label="otp input"
    onChange={(e) => console.log('On Input Change')}
    onSubmit={(e) => console.log('On Submit')}
  />
);

Props

| Property | PropType | Required | Default Value | | ---------------- | -------------------------- | ------------------- | ------------------------ | | id | string | true | - | | name | string | true | - | | type | INPUT_TYPES (one of) | false | INPUT_TYPES.number | | inputLength | number | false | 4 | | placeholder | string | false | - | | label | string | true | - | | large | bool | false | true | | onChange | bool | true | - | | onSubmit | bool | true | - |