Text

Como utilizar

import { Text } from '@superlogica/design-system-mobile'
import * as React from 'react';
import { View } from 'react-native';
import { Text } from '@superlogica/design-system-mobile';
const YourApp = () => {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Text size="H1" type="default" fontWeight="thin" color="neutral500" />
</View>
)
}
export default YourApp;

Props

PropTipoDefaultDescrição
typestringdefaultdefault ou headings (usado para títulos)
sizestringH6Define o size da fonte (H1, H2, H3, H4, H5, H6, H7, H8, H9)
fontWeightstringthinDefine o weight da fonte (Consultar font-weight tokens)
colorstringneutral500Define a cor do texto
textAlignstringleftDefine o alinhamento do texto

Sizes

SizeFont Size
H140
H232
H324
H420
H518
H616
H714
H812
H910