PinInput
Component that is based on react-native-confirmation-code-field library.
https://github.com/retyui/react-native-confirmation-code-field (opens in a new tab)
Import
import { PinInput } from 'react-native-ficus-ui';Usage
Props
Extends every Box props and CodeFieldProps from react-native-confirmation-code-field
colorScheme
The colorScheme property, will define focus border color on pin inputs.
| Type | Required |
|---|---|
| string | No |
mask
The mask property, a boolean indicating if code input should be masked
| Type | Required |
|---|---|
| boolean | No |
placeholder
The character to display when masking a code
| Type | Required |
|---|---|
| string | No |
focusBorderColor
The border color when input is focused.
| Type | Required |
|---|---|
| string | No |
focusBorderWidth
The border width when input is focused.
| Type | Required | Default |
|---|---|---|
| number | No | 2 |
focusBorderStyle
The border style property when input is focused.
| Type | Required | Default |
|---|---|---|
| "solid", "dashed", "dotted" | No | "solid" |