Checkbox

Como utilizar

import { Checkbox } from '@superlogica/design-system-mobile'
import React, { useState } from 'react';
import { View } from 'react-native';
import { Checkbox } from '@superlogica/design-system-mobile';
const YourApp = () => {
const [checkboxOne, setCheckboxOne] = useState(false)
const [checkboxTwo, setCheckboxTwo] = useState(false)
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Checkbox
label="Checkbox1"
checked={checkboxOne}
onChange={() => setCheckboxOne(!checkboxOne)}
/>
<Checkbox
label="Checkbox2"
checked={checkboxTwo}
onChange={() => setCheckboxTwo(!checkboxTwo)}
size="lg"
multiSelect
/>
</View>
)
}
export default YourApp;

Props

PropTipoDefaultDescrição
checkedboolfalsetrue ou false para alterar o estado do componente
onChangefunc() => {}Função chamada quando houver mudança no value no componente
labelstring" "Label do componente
sizestringmdDefine o tamanho do componente (md ou lg)
multiSelectboolfalseHabilita ícone para multi-seleção (listas)
disabledboolfalseDesabilita o componente