React Native tier

RnText

React Native text in the type scale.

iOSReact Native TextAndroidReact Native TextReact Native tier — renders anywhere
RnText on iOS
iOSReact Native Text
RnText on Android
AndroidReact Native Text

Import

ts
import {RnText} from '@hzblj/kara-ui'

Props

React Native's Text in a theme typography variant — the React Native tier, for text outside a native host.

Also takes React Native’s RNTextProps without 'style'.

PropTypeDefaultDescription
align'center' | 'left' | 'right'—

Horizontal alignment, as React Native's textAlign.

colorColorToken'content.primary'

The text's colour. content.primary by default.

variantTextVariant'body'

The typography variant. body by default.

align
'center' | 'left' | 'right'

Horizontal alignment, as React Native's textAlign.

color'content.primary'
ColorToken

The text's colour. content.primary by default.

variant'body'
TextVariant

The typography variant. body by default.

Platform notes

  • The same variants and colours as Text, for text outside a native host. It takes every React Native Text prop.