Animated theme switching between light and dark modes.
Uses a sliding thumb that moves across the toggle with spring-based animation.
Displays:
Sun and cloud icons in light mode.
Moon and star icons in dark mode.
Supports three sizes: Small, Medium, and Large.
Includes a disabled state that prevents interaction and reduces opacity.
Allows extensive color customization for backgrounds, thumb, sun, moon, clouds, and stars.
Triggers an onChange event whenever the theme changes.
Animated theme switching between light and dark modes.
Uses a sliding thumb that moves across the toggle with spring-based animation.
Displays:
Sun and cloud icons in light mode.
Moon and star icons in dark mode.
Supports three sizes: Small, Medium, and Large.
Includes a disabled state that prevents interaction and reduces opacity.
Allows extensive color customization for backgrounds, thumb, sun, moon, clouds, and stars.
Triggers an onChange event whenever the theme changes.