@superlogica/checkbox

COMPONENT CHECKBOX

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

Instalação:

npm install @superlogica/checkbox

Props

Configure as props checked e onChange para o componente funcionar corretamente. Csaso de alguma props receber um valor inválido, o valor default daquela props será utilizado.

Props	Valor
variant	String aceita os valores check, minus e cross. O valor default é check
checked	Boolean recebe o valor do seu state que determina se o checkbox está selecionado ou não.
value	String recebe o valor do checkbox.
label	String label do respectivo checkbox.
onChange	fn

Uso

import CheckBox from '@superlogica/checkbox';
import { useState } from 'react';

...
     const [checkBoxes, setCheboxes] = useState({
          checkedA: false
     });

     const handleCheckBox = name => event => {
        setStateForm({ ...checkBoxes, [name]: event.target.checked });
     };

    return (
       <Checkbox 
          variant="check" 
          checked={stateForm.checkedA}
          value="checkedA"
          label="checkbox teste"
          onChange={handleCheckBox('checkedA')}/> 
    );
...

License

MIT