JavaScript required
We’re sorry, but Coda doesn’t work properly without JavaScript enabled.
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
Radio
O Componente Radio é um componente funcional do React que permite selecionar uma opção dentre várias opções.
Props
O componente Radio recebe as seguintes props:
disabled
: (booleano) define se o componente está desabilitado (opcional, padrão é
false
)
isSelected
: (booleano) define se o componente está selecionado (obrigatório)
iconName
: (string) define o nome do ícone a ser exibido (opcional)
label
: (string) define o label do componente (opcional)
Exemplo de Uso
import React, {useState} from 'react';
import {Radio} from
'@vizir-banking/banking-app-core/dist/fuel-design';
export const ExemploRadio = () => {
const [selectedOption, setSelectedOption] = useState('opcao1');
return (
<View>
<Radio
isSelected={selectedOption === 'opcao1'}
label="Opção 1"
onPress={() => setSelectedOption('opcao1')}
/>
<Radio
isSelected={selectedOption === 'opcao2'}
label="Opção 2"
onPress={() => setSelectedOption('opcao2')}
/>
</View>
);
};
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Ctrl
P
) instead.