React Native Mantine › Typography
Typography
Apply default typography styles to plain text content
Import: import { Typography } from 'react-native-mantine';
Usage
import { Typography, Title, Code } from 'react-native-mantine';
<Typography>
<Title order={4}>Getting started</Title>
Raw strings are wrapped in styled Text automatically.
<Code>yarn add react-native-mantine</Code>
Element children are rendered as-is.
</Typography>
// Override styles of string children
<Typography textStyle={{ fontSize: 18, lineHeight: 30 }}>
Custom styled paragraph.
</Typography>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | Content, string children are wrapped in styled Text, elements are rendered as-is | |
textStyle | StyleProp<TextStyle> | Text style applied to string children | |
style | ViewStyle | Additional styles to apply to the root element |