@superlogica/radiobutton NPM

COMPONENT RADIO BUTTON

Esse package contém o componente radio button da Superlógica para web/desktop, seguindo nossos Tokens e padrões.

Instalação:

npm install @superlogica/radiobutton

Props

Nenhuma das props abaixo são obrigatórias e em caso de alguma props receber um valor inválido, o valor default daquela props será utilizado.

Props	Type	Default	Description
`marginTop`	`String`	`none`	deve conter o valor que deseja como margin-top do Radio Button
`marginRight`	`String`	`none`	deve conter o valor que deseja como margin-right do Radio Button
`marginBottom`	`String`	`32px`	deve conter o valor que deseja como margin-bottom do Radio Button
`marginLeft`	`String`	`none`	deve conter o valor que deseja como margin-left do Radio Button
`dark`	`Boolean`	`false`	deve conter o valor que define se o theme é dark ou não.
`checked`	`Boolean`	`false`	deve conter o valor que define se o radio button estará checkado ou não.
`value`	`String`	`null`	deve conter o valor que o radio button terá.

Uso

import RadioButton from '@superlogica/radiobutton';

const dataForm = {
    radio: 0
}

function readmeRadioButton () {

    const [stateForm, setStateForm] = useState(dataForm);
    const handleRadioButton = name => event => {
        dataForm[name] = event.target.value;
        setStateForm({...stateForm, ...dataForm});
    };

    ...
        return (
        <RadioButton
            value="valor1"
            checked={stateForm.radio === "valor1"}
            onChange={handleRadioButton("radio")}
            label = "Testando radio button"/>
    ...
}