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
Prop | Tipo | Default | Descrição |
---|---|---|---|
type | string | default | default ou headings (usado para títulos) |
size | string | H6 | Define o size da fonte (H1, H2, H3, H4, H5, H6, H7, H8, H9) |
fontWeight | string | thin | Define o weight da fonte (Consultar font-weight tokens) |
color | string | neutral500 | Define a cor do texto |
textAlign | string | left | Define o alinhamento do texto |
Sizes
Size | Font Size |
---|---|
H1 | 40 |
H2 | 32 |
H3 | 24 |
H4 | 20 |
H5 | 18 |
H6 | 16 |
H7 | 14 |
H8 | 12 |
H9 | 10 |