LogoCraftReactNative
Components

Divider

A visual separator that can be used to divide content horizontally or vertically.

Installation

npx @craftreactnative/ui add Divider

Usage

Screen.tsx
import { Divider } from '@/craftrn-ui/components/Divider';
 
export const Screen = () => (
  <View>
    <Text>Content above</Text>
    <Divider />
    <Text>Content below</Text>
  </View>
);

Props

PropTypeDefault
style
ViewProps
-
orientation?
"horizontal" | "vertical"
'horizontal'

Dependencies

1 packages
react-native-unistyles

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.

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