O RadioGroup é composto por uma estrutura de RadioButtons, onde apenas um deles pode ser selecionado de cada vez. Ao selecionar um RadioButton, a função onChange é chamada com o valor correspondente. Essa função atualiza o estado do componente com o valor selecionado e chama a função onChangeValue passada como prop.

Uso

Para utilizar o componente RadioGroup, basta importá-lo e passar as Props necessárias. Exemplo:

import React, { useState } from 'react';

import {RadioGroup} from '@vizir-banking/banking-app-core/dist/fuel-design';

const options = [

{ label: 'Opção 1', iconName: 'checkmark', value: 1 },

{ label: 'Opção 2', iconName: 'checkmark', value: 2 },

{ label: 'Opção 3', iconName: 'checkmark', value: 3 },

];

export default function App() {

const [selectedValue, setSelectedValue] = useState(1);

function handleChange(value) {

setSelectedValue(value);

}

return (

<RadioGroup

radioOptions={options}

initialValue={selectedValue}

onChangeValue={handleChange}

);

}

⁠

⁠

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.