Foundation

Main View


Components

Charts

Dialogs

Framer Animations

Forms

Grids

Typography


Tools


UiDigitsInput


Package: @uireact/form

Component used to render digits inputs

1. Make sure you install peer dependencies first:

Expand peer dependencies

2. Install package:

npm i -S @uireact/form

  <UiDigitsInput
    label="Introduce your code"
    digits={6}
    onChange={(value) => {
      console.log(value);
    }}
    onComplete={(code) => {
      console.log(`completed ${code}`);
    }}
  />

UiDigitsInput with size and category

  <UiDigitsInput
    label="Introduce your code"
    digits={6}
    onChange={(value) => {
      console.log(value);
    }}
    onComplete={(code) => {
      console.log(`completed ${code}`);
    }}
    size="xlarge"
    category="error"
    error="Code is not valid"
  />