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 | string | Add label for checkbox | '' |
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 |
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";