0.0.46 • Published 4 years ago

@superlogica/checkbox v0.0.46

Weekly downloads
27
License
MIT
Repository
-
Last release
4 years ago

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.

PropsTypeDefault
variantStringcheckaceita os valores check, minus e cross.
checkedBooleanfalserecebe o valor do seu state que determina se o checkbox está selecionado ou não.
darkbooleanfalsealtera a cor do label para um tom claro quando for true
valueStringnullrecebe o valor do checkbox.
labelStringnulllabel do respectivo checkbox.
marginTopStringnoneaceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm.
marginRightStringnoneaceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm.
marginBottomStringmdaceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm.
marginLeftStringnoneaceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm.
onChangefnnullrecebe a função para alterar o state que determina se o checkbox está selecionado ou não.

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

0.0.46

4 years ago

0.0.45

4 years ago

0.0.44

4 years ago

0.0.43

5 years ago

0.0.42

5 years ago

0.0.41

5 years ago

0.0.40

5 years ago

0.0.39

5 years ago

0.0.38

5 years ago

0.0.37

5 years ago

0.0.36

5 years ago

0.0.34

5 years ago

0.0.35

5 years ago

0.0.33

5 years ago

0.0.32

5 years ago

0.0.31

5 years ago

0.0.29

5 years ago

0.0.28

5 years ago

0.0.27

5 years ago

0.0.24

5 years ago

0.0.25

5 years ago

0.0.26

5 years ago

0.0.22

5 years ago

0.0.23

5 years ago

0.0.21

5 years ago

0.0.20

5 years ago

0.0.19

5 years ago

0.0.18

5 years ago

0.0.15

5 years ago

0.0.11

5 years ago

0.0.13

5 years ago

0.0.10

5 years ago

0.0.9

5 years ago

0.0.8

6 years ago

0.0.7

6 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago