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>
);
};


Screenshot from 2023-04-28 15-27-21.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.