Pin Input

import { PinInput } from '@editora/ui-react';

<PinInput
  length={6}
  label="Verification code"
  mode="numeric"
  placeholderChar="•"
  onChange={(value) => console.log(value)}
  onComplete={(value) => console.log('complete', value)}
/>;

Key Props

value, onChange, onComplete, length, name, label, description, error, mode, mask, required, disabled, readOnly, placeholderChar, size, density, shape, invalid