Checkbox

The Checkbox component is a form control that allows users to select one or more options from a set of choices.

Basic Usage

import { Checkbox, ThemeProvider } from "@carton-org/react-neumorphism";

const MyComponent = () => {
  return <Checkbox label="Accept terms and conditions" inputSize="md" />;
};

Live Example

Accept terms and conditions

Props

Name	Type	Description	Required	Default Value
label	string	Text label for the checkbox	Yes	-
inputSize	"xs" | "sm" | "md" | "lg" | "xl"	Size of the checkbox	No	'sm'
checkboxLabelStyle	React.CSSProperties	Custom styles for the label	No	-

Examples

Different Sizes

Small Size

Small checkbox

Medium Size

Medium checkbox

Large Size

Large checkbox

Checkbox States

Unchecked

Unchecked checkbox

Checked

Checked checkbox

Disabled

Disabled checkbox