LogoCraftReactNative
Components

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.

Component preview

Component dependencies

@/craftrn-ui/components/ButtonRound
@/craftrn-ui/components/Text

Usage

Screen.tsx
import { Counter } from "@/craftrn-ui/components/Counter";
 
export const Screen = () => <Counter onValueChange={() => {}} value={0} />;

Props

PropTypeDefault
onValueChange
(value: number) => void
-
initialValue?
number
0
maxValue?
number
10
emptyLabel?
string
'0'

Checkbox

A checkbox component that allows users to select one or more options from a list. It displays as a square box with a checkmark or a cross to indicate the selected state.

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.

On this page