ATLDateIndicatorBase
[IMAGEM]
Para visitar a documentação de design deste átomo, clique aqui.
Props
textDaytextMonthoutlinedborderColorborderRadiusborderWidthfontSizeDayfontSizeMonthfontWeightDayfontWeightMonthsizesurfaceColortextCasetextColorOutlinedtextColorRegular
textDay
Texto que aparece na primeira linha.
| Tipo | Obrigatório |
|---|---|
| string | Não |
textMonth
Texto que aparece na primeira linha.
| Tipo | Obrigatório |
|---|---|
| string | Não |
outlined
Muda o estilo do indicador para um neutro com linha externa.
[IMAGEM]
| Tipo | Obrigatório |
|---|---|
| boolean | Não |
borderColor
Caso o indicador possua uma borda, essa será sua cor.
| Tipo | Obrigatório |
|---|---|
| string | Não |
borderRadius
Raio de curvatura do átomo. Para obter um ATLDateIndicator com a borda totalmente arredondada, este valor deve ser igual à metade do valor fornecido para a prop size.
| Tipo | Obrigatório |
|---|---|
| number | Não |
borderWidth
Largura da borda do átomo. Para um ATLDateIndicator sem borda, usar o valor 0.
| Tipo | Obrigatório |
|---|---|
| number | Não |
fontSizeDay
Tamanho da fonte do textDay.
| Tipo | Obrigatório |
|---|---|
| number | Não |
fontSizeMonth
Tamanho da fonte do textMonth.
| Tipo | Obrigatório |
|---|---|
| number | Não |
fontWeightDay
Peso da fonte do textDay.
| Tipo | Obrigatório |
|---|---|
| FontWeightEnum | Não |
Os possíveis valores de FontWeightEnum são:
- thin (100)
- extraLight (200)
- light (300)
- normal (400)
- medium (500)
- semiBold (600)
- bold (700)
- extraBold (800)
- black (900)
fontWeightMonth
Peso da fonte do textMonth.
| Tipo | Obrigatório |
|---|---|
| FontWeightEnum | Não |
Os possíveis valores de FontWeightEnum são:
- thin (100)
- extraLight (200)
- light (300)
- normal (400)
- medium (500)
- semiBold (600)
- bold (700)
- extraBold (800)
- black (900)
size
Tamanho da superfície do indicador que corresponde tanto à altura quanto à largura.
| Tipo | Obrigatório |
|---|---|
| number | Não |
surfaceColor
Cor de fundo do átomo de indicador.
| Tipo | Obrigatório |
|---|---|
| string | Não |
textCase
Tipo de case do texto em textDay e textMonth.
| Tipo | Obrigatório |
|---|---|
| TextCaseEnum | Não |
Os possíveis valores de TextCaseEnum são:
- uppercase
- capitalize
- lowercase
- none
- medium (500)
textColorOutlined
Cor do texto de title quando outlined = true.
| Tipo | Obrigatório |
|---|---|
| string | Não |
textColorRegular
Cor do texto de title quando outlined = false.
| Tipo | Obrigatório |
|---|---|
| string | Não |