LogoCraftReactNative
Components

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.

Component preview

Installation

npx @craftreactnative/ui add Checkbox

Usage

Screen.tsx
import { Checkbox } from "@/craftrn-ui/components/Checkbox";
 
export const Screen = () => <Checkbox checked={true} />;

Props

PropTypeDefault
checked?
boolean
false
disabled?
boolean
false
onPress?
(isChecked: boolean) => void
-

Dependencies

2 packages
react-native-reanimated
react-native-unistyles

Card

A card component that displays content in a card with rounded corners.

ContextMenu

A context menu component that displays a list of actions when triggered. Features smart positioning, smooth animations, and customizable menu items with support for icons and subtitles.

On this page