SettingsItem

Função

Molécula de settings, geralmente listada em uma página.

Estrutura Básica

Espaçamentos

1. horizontalMargin, como Margem Lateral
2. verticalMargin, como Margens Superior e Inferior.
3. HorizontalSpace"sizeName" (token)
4. HorizontalSpace"sizeName" (token)

Átomos

5. Icon
6. Label com função de TextBody
7. Togglebutton

Prop	Token	Default Value	Use
Margin	HorizontalSpaceMargin	16	1
	VerticalSpace"sizeName"	8	2
	HorizontalSpace"sizeName"	16	3
	HorizontalSpace"sizeName"	8	4
	Icon	24x24	5
	Label com função de TextBody	14/20, Regular, FontFamilyProject, ColorDarkGrey, FontAlignmentLeft, CaseUpperLow,	6
	ToggleButton	51X32 (iOS)	7

Reações

Responsividade

Conteúdo

Estados

Estados do ToggleButton (On/Off)

Variações/Tipos

1. Sem ícone à direita

Prop	Token	Default Value	Use
	Icon	24x24

2. Sem ToggleButton

Prop	Token	Default Value	Use
	ToggleButton	51X32 (iOS)
	Icon	24x24

3. Complementary

Prop	Token	Default Value	Use
	ColorDarkGrey

4. Sem ToggleButton e Icon

Prop	Token	Default Value	Use
	ToggleButton	51X32 (iOS)
	Icon	24x24