LogoCraftReactNative
Components

InputOTP

A component that allows users to enter an OTP (One-Time Password) code. It displays a series of input fields, each containing a single character. It also provides a way to import the OTP code from SMS.

Component preview

Component dependencies

@/craftrn-ui/components/InputText

Usage

Screen.tsx
import { InputOTP } from "@/craftrn-ui/components/InputOTP";
 
export const Screen = () => <InputOTP onChange={(code) => console.log(code)} />;

Props

PropTypeDefault
onChange
(value: string) => void
-

Counter

A counter component that allows users to increment or decrement a value. It displays the current value and provides buttons for incrementing and decrementing.

InputSearch

A text field component that allows users to search. It provides a customizable input field with support for left and right icons and different sizes. Based on React Native TextInput component.

On this page