A switch with a ripple effect animation.
Dependencies
framer-motionInstallation
npm install framer-motionProps
| Name | Type | Default | Description |
|---|---|---|---|
| checked | boolean | false | Indicates whether the switch is toggled on. |
| onChange | (event: React.ChangeEvent<HTMLInputElement>) => void | - | Callback function triggered when the switch state changes. |
| label | string | '' | Label text for the switch. |
| id | string | - | Unique identifier for the switch input. |
| name | string | - | Name attribute for the switch input. |
| className | string | '' | Additional CSS classes to apply to the switch container. |