0.0.45 • Published 4 years ago

@superlogica/radiobutton v0.0.45

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

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.

PropsTypeDefaultDescription
marginTopStringnonedeve conter o valor que deseja como margin-top do Radio Button
marginRightStringnonedeve conter o valor que deseja como margin-right do Radio Button
marginBottomString32pxdeve conter o valor que deseja como margin-bottom do Radio Button
marginLeftStringnonedeve conter o valor que deseja como margin-left do Radio Button
darkBooleanfalsedeve conter o valor que define se o theme é dark ou não.
checkedBooleanfalsedeve conter o valor que define se o radio button estará checkado ou não.
valueStringnulldeve 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"/>
    ...
}

License

MIT

0.0.45

4 years ago

0.0.44

4 years ago

0.0.43

4 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.35

5 years ago

0.0.34

5 years ago

0.0.33

5 years ago

0.0.32

5 years ago

0.0.31

5 years ago

0.0.30

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.17

5 years ago

0.0.14

5 years ago

0.0.10

5 years ago

0.0.12

5 years ago

0.0.9

5 years ago

0.0.8

5 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