Skip to content
Gallery
Fretebras
Review - 04/11/22
Review - 06/12/2022
Review - 06/01/2023
Review - 03/02/2023
Review - 09/03/2023
Review - 10/04/2023
Passagem de Conhecimento
Suportes - Conta Core
Conta PF
Conta PJ
Experiencia Crédito PJ
Risco, crédito e cobrança PJ e PF
Rede Credênciada
Vizir Bank - Core
Curiosidades
More
Share
Explore
Fuel Design

Buttons

Figma

⁠
https://www.figma.com/file/ZyjX1N95LswyRecxKwg9Xs/Componentes-Fintech---Alinhamento-Dev?node-id=3%3A8100&t=FyevZN13iecZU42F-0
⁠
⁠

Utilização

Importação
import {Button} from '@vizir-banking/banking-app-core/dist/fuel-design';
Utilização
<Button
label="Any label"
type={ButtonTypes.someType}
withArrowIcon
/>

Variações

Primário
<Button
label="Botão primary sem icon"
type={ButtonTypes.primary}
onPress={onPressFunction}
/>
Secundário
<Button
label="Botão primary sem icon"
type={ButtonTypes.primary}
onPress={onPressFunction}
/>
Terciário
<Button
label="Botão primary sem icon"
type={ButtonTypes.primary}
onPress={onPressFunction}
/>
Whatsapp
<Button
label="Botão primary sem icon"
type={ButtonTypes.primary}
onPress={onPressFunction}
/>
Danger
<Button
label="Botão primary sem icon"
type={ButtonTypes.primary}
onPress={onPressFunction}
/>

Props

label
Obrigatório
type
Obrigatório
testID
Opcional
iconName
Opcional
onPress
Opcional

Exemplo

⁠
Screenshot 2023-03-02 at 11.04.33.png
⁠
⁠



Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.