ATLListDivider

Esta molécula é composta por uma linha com função de dividir conteúdos em uma lista.

Para visitar a documentação de design desta molécula, clique aqui.

Exemplo de Uso:

import { ATLListDivider } from '@appsimples/atlantica-react-native'
...
<ATLListDivider />

Props

• complementary
• type
• leftMargin
• rightMargin
• dividerBaseProps

---

complementary

Variação complementar da molécula a ser usada quando o fundo da tela é da cor ColorPrimary.

Tipo	Obrigatório
boolean	Não

---

type

Existem três diferentes tipos de dividers:

1. regular
2. noSpacing
3. leftSpacing

Tipo	Obrigatório
DividerTypesEnum	Não

Caso nenhum type seja declarado, a molécula assume sua variação regular (1).

---

leftMargin

Essa propriedade deve ser modificada caso seja necessário alterar a margem esquerda padrão do divisor.

Para cada um dos tipos apresentados anteriormente a margem assume um valor, conforme apresentado na tabela abaixo:

Type	Token	Default Value
regular	SpacingMarginal	16
noSpacing	-	0
leftSpacing	SpacingWide	64

---

rightMargin

Essa propriedade deve ser modificada caso seja necessário alterar a margem direita padrão do divisor.

Para cada um dos tipos apresentados anteriormente a margem assume um valor, conforme apresentado na tabela abaixo:

Type	Token	Default Value
regular	SpacingMarginal	16
noSpacing	-	0
leftSpacing	-	0

---

dividerBaseProps

Caso seja necessário mudar alguma propriedade base do átomo de divisor, é possível através da modificação das dividerBaseProps.

Abaixo temos uma tabela com todas as props do divisor, os tokens aos quais estão relacionadas e o seu valor padrão.

Props	Token	Default Value
color	ColorSurfaceLightNeutral	#9E9E9E
height	HeightDividerRegular	1

Para mais informações, acesse ATLDividerBase.