ATLTextBody
Esta molécula é composta por um corpo de texto simples.
Para visitar a documentação de design desta molécula, clique aqui.
Exemplo de Uso:
import { ATLTextBody } from '@appsimples/atlantica-react-native'
...
<ATLTextBody> Lorem ipsum dolor sit amet </ATLTextBody>
Props
complementary
Variação complementar da molécula a ser usada quando o fundo da tela é da cor ColorPrimary.
[IMAGEM]
| Tipo | Obrigatório |
|---|---|
| boolean | Não |
textBodyForm
Variação molécula em que a margem horizontal segue a mesma margem dos componentes de input.
| Tipo | Obrigatório |
|---|---|
| boolean | Não |
horizontalMargin
Essa propriedade deve ser modificada caso seja necessário alterar a margem horizontal padrão do texto.
Abaixo temos uma tabela indicando o token ao qual a prop está relacionada e o seu valor padrão.
| Prop | Token | Default Value |
|---|---|---|
| horizontalMargin | SpacingMarginal | 16 |
verticalMargin
Essa propriedade deve ser modificada caso seja necessário alterar a margem vertical padrão do texto.
Abaixo temos uma tabela indicando o token ao qual a prop está relacionada e o seu valor padrão.
| Prop | Token | Default Value |
|---|---|---|
| verticalMargin | SpacingBase | 8 |
labelBaseProps
Caso seja necessário mudar alguma propriedade base do átomo de label, é possível através da modificação das labelBaseProps.
Abaixo temos uma tabela com todas as props da label, os tokens aos quais estão relacionadas e o seu valor padrão.
| Props | Token | Default Value |
|---|---|---|
| fontFamily | FontFamilyBase | undefined |
| fontSize | FontSizeBody | 14 |
| fontWeight | FontWeightNormal | Regular (400) |
| lineHeight | LineHeightBase | 20 |
| multilineLimit | MultilineLimitBody | undefined |
| opacity | (fixed) | 1 |
| textAlign | TextAlignmentBody | Left |
| textCase | TextCaseBody | None |
| textColor | ColorDarkNeutral | #212121 |
Para mais informações, acesse ATLLabelBase.