LogoCraftReactNative
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.

Component preview

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?
"contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentAccent" | "positivePrimary" | "positiveSecondary" | "negativePrimary" | "negativeSecondary"
'contentPrimary'

Dependencies

1 packages
react-native-unistyles

On this page