React Native Mantine › Typography
Blockquote
Styled quotation block
Import: import { Blockquote } from 'react-native-mantine';
Usage
import { Blockquote } from 'react-native-mantine';
<Blockquote color="blue" cite="– Author Name">
Life is like an npm install – you never know what you are going to get.
</Blockquote>Props
| Prop | Type | Default | Description |
|---|---|---|---|
color | MantineColor | 'blue' | Blockquote color from theme |
icon | React.ReactNode | Icon to display on the left side | |
cite | React.ReactNode | Citation text | |
radius | MantineNumberSize | 'sm' | Border radius |
children | React.ReactNode | Blockquote content | |
style | any | Additional styles | |
testID | string | Test identifier used by testing frameworks | |
withTextWrapper | boolean | true | If false, children will not be wrapped in a Text component. This is useful when the children contain non-text elements like icons or custom components. |