Text

Basic text writing. This Text component use Ubuntu font

typorgraphy

Usage#

Simple Usage#

import { Text } from 'react-native-rapi-ui';
<Text>Hello World</Text>;

Text Size#

textSize

import { Text } from 'react-native-rapi-ui';
<Text size="h1">Hello World</Text>;
<Text size="h2">Hello World</Text>;
<Text size="h3">Hello World</Text>;
<Text size="xl">Hello World</Text>;
<Text size="lg">Hello World</Text>;
<Text size="md">Hello World</Text>;
<Text size="sm">Hello World</Text>;
Sizevalue
h136
h230
h324
xl20
lg16
md14
sm13

Text Font Weight#

fontWeight

import { Text } from 'react-native-rapi-ui';
<Text fontWeight="bold">Hello World</Text>;
<Text fontWeight="medium">Hello World</Text>;
<Text fontWeight="regular">Hello World</Text>;
<Text fontWeight="light">Hello World</Text>;

Properties#

propsrequiredvalueDefault Value
TextProps
sizeNoh1 h2 h3 xl lg md smlg
fontWeightNolight regular medium boldregular
statusNoprimary success warning info dangernull
italicNobooleanfalse
styleNoTextStyle