Explore

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)

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 ··· in the right corner or using a keyboard shortcut (

CtrlP

) instead.