The following props are available for checkbox component. These are the custom props that come with we've added for the checkbox component and you can use all the other native input props as well.
Attribute | Type | Description | Default |
---|---|---|---|
color | Color | Change checkbox color | blue |
label | node | Add label for checkbox | undefined |
icon | node | Change checked icon for checkbox | undefined |
ripple | boolean | Add ripple effect for checkbox | true |
className | string | Add custom className for checkbox | '' |
containerProps | object | Add custom props for checkbox container | undefined |
labelProps | object | Add custom props for checkbox label | undefined |
iconProps | object | Add custom props for checkbox icon | undefined |
inputRef | ref | Add reference for input element. | undefined |
import type { CheckboxProps } from "@material-tailwind/react";
type color =
| "blue-gray"
| "gray"
| "brown"
| "deep-orange"
| "orange"
| "amber"
| "yellow"
| "lime"
| "light-green"
| "green"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red";