Version: 3.0.0-next.37

PinInput

The PinInput component is similar to the Input component, but it is optimized for entering sequences of digits.

Implements#

Examples#

Usage#

Size#

Default Value#

Placeholder#

Manage Focus#

Variants#

Form Controlled#

Props#

PinInput#

PinInput passes all the props to its children (PinInput.Field) only.

NameTypeDescriptionDefault
manageFocusbooleanThe style variant of the badge.true
defaultValuestringThe default value of the pin input. Example '32'.-
valuestringThe value of the the pin input. This is the value that will be returned when the pin input is filled.-
spaceMarginPropsThe space between each stack item.-
onChangefunctionFunction called on input change-

PinInput.Field#

PinInput.Field composes Input so you can pass all the Input props.