Tailwind CSS Checkbox - Props

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 props as well.

Attribute Type Description Default
color Color Change checkbox color blue
label string Add label for checkbox ''
ripple Ripple Add ripple effect for checkbox ''

Types - Color

type variant = 
    | "blue-gray"
    | "gray"
    | "brown"
    | "deep-blue"
    | "blue"
    | "amber"
    | "yellow"
    | "lime"
    | "light-green"
    | "green"
    | "teal"
    | "cyan"
    | "light-blue"
    | "blue"
    | "indigo"
    | "deep-purple"
    | "purple"
    | "pink"
    | "red"
        

Types - Ripple

type ripple = "light" | "dark"