Checkbox

A control that allows the user to toggle between checked and not checked.
# Demo
# Attributes
NameTypeDefaultDetails
classNamestring' 'You can customise by passing tailwind classes.
labelClassNamestring' 'You can customise by passing tailwind classes.
checkClassNamestring' 'You can customise by passing tailwind classes.
idstringcheckYou can pass id to create unique identifier.
checkedbooleanRequiredYou can pass checked to set default checkbox state.
disabledbooleanfalseYou can pass disabled to set default checkbox state.
childrenstring | ReactNodeRequiredYou can pass checkbox content as children.
onChange(checked: boolean) => voidRequiredYou can get callback when checkbox state changed.
# Usage
import { useState } from 'react'; import { NCheck, NLink } from 'nayan'; const Checkbox = () => { const [checked, setChecked] = useState(true); return ( <NCheck checked={checked} disabled={false} onChange={checked => setChecked(checked)}> Sample label for checkbox. accept <NLink> terms</NLink> </NCheck> ); }; export default Checkbox;