Skip to main content

PinPad

PinPad wraps the native dynamic pin pad node. Use it for PIN, code, and short numeric entry flows.

Key Fields​

  • text: current PIN or code value.
  • domain: pin pad domain.
  • onTextChange: called when the embedded text edit box changes.

Example​

PinPad({
  text: this.pin,
  domain: 'generic',
}).onTextChange(event => {
  this.pin = event.text;
});

Keep validation in the screen or flow that owns the PIN entry, not inside the control.