Skip to content
Binary UIKit reference Stable

PinInput

Multi-cell PIN or one-time-code entry.

Use PinInput for a named fixed-length PIN or one-time code that must participate in native form submission.

Interactive example

Loading interactive example

API

Inherited prop contracts

  • AccessibleName Requires exactly one accessible name: label, aria-label, or aria-labelledby.
  • Omit<HTMLInputAttributes, 'type' | 'value' | 'maxlength' | 'minlength' | 'pattern' | 'aria-label' | 'aria-labelledby' | 'class' | 'style'> Props from this native base are accepted except the listed members.
MemberTypeKindRequiredDefault
allowPastebooleanpropNotrue
aria-labelstringpropNoundefined
aria-labelledbystringpropNoundefined
characters'numeric' | 'alphanumeric' | 'any'propNo'numeric'
errorstringpropNoundefined
labelstringpropNoundefined
lengthnumberpropNo6
maskbooleanpropNofalse
onComplete(value: string) => voidcallbackNoundefined
onError(error: PinInputError) => voidcallbackNoundefined
valuestringbindingNo''

Examples

Source

Loading source