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.

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
-
animationConfig?
AnimationConfig
{ scaleIn: 1.1, durationIn: 150, durationOut: 150 }

Dependencies

2 packages
react-native-reanimated
react-native-unistyles
Required imports
craftrn-ui/components/PressableScale

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