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 |
|---|---|---|---|
color |
Color | Change switch 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"