0.0.46 • Published 4 years ago
@superlogica/checkbox v0.0.46
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 | Type | Default | |
---|---|---|---|
variant | String | check | aceita os valores check, minus e cross. |
checked | Boolean | false | recebe o valor do seu state que determina se o checkbox está selecionado ou não. |
dark | boolean | false | altera a cor do label para um tom claro quando for true |
value | String | null | recebe o valor do checkbox. |
label | String | null | label do respectivo checkbox. |
marginTop | String | none | aceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm. |
marginRight | String | none | aceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm. |
marginBottom | String | md | aceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm. |
marginLeft | String | none | aceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm. |
onChange | fn | null | recebe 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
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