ATLEventTitle

Esta molécula foi desenhada para conter as informações mais relevantes de um evento, em uma página de detalhe.

Exemplo de Uso:

import { ATLEventTitle } from '@appsimples/atlantica-react-native'
...
<ATLEventTitle
    eventDay={'20'}
    eventMonth={'JAN'}
    eventTime={'11h30'}
    eventTitle={'Encontrinho'}
/>

Props

• eventDay
• eventMonth
• eventTime
• eventTitle
• horizontalMargin
• horizontalPadding
• verticalMargin
• dateIndicatorBaseProps
• timeLabelBaseProps
• titleLabelBaseProps

---

eventDay

Texto que indica o dia do evento.

Tipo	Obrigatório
string	Sim

---

eventMonth

Texto que indica o mês do evento.

Tipo	Obrigatório
string	Sim

---

eventTime

Texto que indica a hora do evento.

Tipo	Obrigatório
string	Não

---

eventTitle

Texto que exibe o título do evento.

Tipo	Obrigatório
string	Sim

---

horizontalMargin

Essa propriedade deve ser modificada caso seja necessário alterar a margem horizontal externa aos elementos da molécula.

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

---

horizontalPadding

Essa propriedade deve ser modificada caso seja necessário alterar o espaçamento horizontal entre os elementos da molécula.

Abaixo temos uma tabela indicando o token ao qual a prop está relacionada e o seu valor padrão.

Prop	Token	Default Value
horizontalPadding	SpacingMarginal	16

---

verticalMargin

Essa propriedade deve ser modificada caso seja necessário alterar a margem vertical externa aos elementos da molécula.

Abaixo temos uma tabela indicando o token ao qual a prop está relacionada e o seu valor padrão.

Prop	Token	Default Value
verticalMargin	SpacingMarginal	16

---

dateIndicatorBaseProps

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

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

Props	Token	Default Value
borderColor	ColorPrimary	#A94CC9
borderRadius	BorderRadiusEventSurface	10
borderWidth	BorderWidthButton	1
fontFamilyDay	FontFamilyBrand	undefined
fontFamilyMonth	FontFamilyBase	undefined
fontSizeDay	FontSizeHeading	16
fontSizeMonth	FontSizeBody	14
fontWeightDay	FontWeightStrong	Bold (400)
fontWeightMonth	FontWeightLight	Light (200)
size	LineHeightTitle * 2	24 * 2
surfaceColor	ColorPrimary	#A94CC9
textCase	TextCaseBody	Uppercase
textColorRegular	ColorComplementary	#FFFFFF

Para mais informações, acesse ATLDateIndicatorBase.

---

timeLabelBaseProps

Caso seja necessário mudar alguma propriedade base do átomo de label correspondente ao texto do horário, é possível através da modificação das timeLabelBaseProps.

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

labelBaseProps	Token	Default Value
fontFamily	FontFamilyBase	undefined
fontSize	FontSizeBody	14
fontWeight	FontWeightNormal	Regular (400)
lineHeight	LineHeightTitle	24
multilineLimit	(fixed)	1
opacity	(fixed)	1
textAlign	TextAlignmentTitle	Center
textCase	TextCaseBody	None
textColor	ColorDarkNeutral	#212121

Para mais informações, acesse ATLLabelBase.

---

titleLabelBaseProps

Caso seja necessário mudar alguma propriedade base do átomo de label relativo ao título do evento, é possível através da modificação das titleLabelBaseProps.

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	FontSizeHeading	16
fontWeight	FontWeightStrong	Bold (700)
lineHeight	LineHeightTitle	24
multilineLimit	MultilineLimitBody	undefined
opacity	(fixed)	1
textAlign	TextAlignmentHeading	center
textCase	TextCaseHighlight	uppercase
textColor	ColorPrimary	#A94CC9

Para mais informações, acesse ATLLabelBase.