CraftReactNativeCraftReactNative
Components

Text

A text component that allows users to display text. Primary exist to style the text with the correct color and typography style defined in the theme.

Installation

npx @craftreactnative/ui add Text

Usage

Screen.tsx
import { Text } from '@/craftrn-ui/components/Text';
<Text>Hello World</Text>

Props

Inherit all props from TextProps.

PropTypeDefault
variant?
"heading1" | "heading2" | "heading3" | "body1" | "body2" | "body3"
'body1'
color?
"interactivePrimaryContent" | "interactiveSecondaryContent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentAccent" | "sentimentPositive" | "sentimentSecondaryPositive" | "sentimentNegative" | "sentimentSecondaryNegative"
'contentPrimary'

Dependencies

1 packages
react-native-unistyles

Switch

A switch component that allows users to toggle between two states. It displays as a button that can be toggled on or off, commonly used for enabling or disabling features. Based on the React Native Switch component.

On this page