Skip to main content

Text

Data Display

Text

Theme-aware text primitive that cascades typography tokens automatically.

Usage

Render textual content anywhere while staying aligned with design tokens.

Highlights

  • Detects ancestor Text to avoid nested styling
  • Integrates with typographic scale

When to use it

  • Need consistent typography without manual styles.
  • MDX or RN screens mix headings, body, and captions.

Related components

LinkHelperText

Examples​

Default​

Preview (Web)
import { Text } from 'react-native-molecules/components/Text';

export default function Example() {
  return <Text>This is theme-aware text</Text>;
}

Inherits: TextProps

Defined in react-native-molecules/components/Text