Tailwind CSS Switch - Props

The following props are available for switch component. These are the custom props that come with we've added for the switch component and you can use all the other native props as well.

Attribute Type Description Default
colorColor Change switch color blue
labelstring Add label for checkbox ''
rippleRipple Add ripple effect for checkbox ''

Types - Color

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

Types - Ripple

type ripple = "light" | "dark"