ATLButtonBase
Para visitar a documentação de design deste átomo, clique aqui.
Props
titleicononPressdisabledoutlinedborderColorborderRadiusborderWidthbuttonColorbuttonHeightdisabledOpacityfontFamilyfontSizefontWeighticonPaddingiconSizetextCasetextColorOutlinedtextColorRegular
title
Texto que aparece dentro do botão.
| Tipo | Obrigatório |
|---|---|
| string | Não |
icon
Imagem do ícone que aparece à esquerda do texto.
| Tipo | Obrigatório |
|---|---|
| image | Não |
onPress
Handler que será chamado quando o usuário apertar o botão.
| Tipo | Obrigatório |
|---|---|
| function | Não |
disabled
Se for true, desabilita todas as interações com o componente.
| Tipo | Obrigatório |
|---|---|
| boolean | Não |
outlined
Muda o estilo do botão para um uso hierarquicamente secundário.
| Tipo | Obrigatório |
|---|---|
| boolean | Não |
borderColor
Caso o botão possua uma borda, essa será sua cor.
| Tipo | Obrigatório |
|---|---|
| string | Não |
borderRadius
Raio de curvatura do átomo. Para obter um ATLButtonBase com a borda totalmente arredondada, este valor deve ser igual à metade do valor fornecido para a prop buttonHeight.
| Tipo | Obrigatório |
|---|---|
| number | Não |
borderWidth
Largura da borda do átomo. Para um ATLButtonBase sem borda, usar o valor 0.
| Tipo | Obrigatório |
|---|---|
| number | Não |
buttonColor
Cor de fundo do átomo de botão.
| Tipo | Obrigatório |
|---|---|
| string | Não |
buttonHeight
Altura do átomo de botão.
| Tipo | Obrigatório |
|---|---|
| number | Não |
disabledOpacity
Porcentagem da opacidade com a qual o botão será coberto caso esteja desabilitado.
| Tipo | Obrigatório |
|---|---|
| number | Não |
fontFamily
Família da fonte do title. Caso seja undefined, segue as fontes padrão de cada sistema operacional.
| Tipo | Obrigatório |
|---|---|
| string | Não |
fontSize
Tamanho da fonte do title.
| Tipo | Obrigatório |
|---|---|
| number | Não |
fontWeight
Peso da fonte do title.
| 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)
iconPadding
Padding da imagem icon.
| Tipo | Obrigatório |
|---|---|
| number | Não |
iconSize
Tamanho da imagem icon que será atribuído à altura e à largura.
| Tipo | Obrigatório |
|---|---|
| number | Não |
textCase
Tipo de case do texto em title.
| 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 |