Buttons & Actions
Animated Theme Toggler
An animated light/dark toggle using the View Transitions API, with configurable clip-path shapes and origin. Drives the kit's ThemeProvider, so persistence and the data-theme attribute are handled for you.
Import
import { AnimatedThemeToggler } from "@countryclub/ui-react";Default
Shapes
Pick the reveal shape with the variant prop: circle, square, triangle, diamond, hexagon, rectangle or star.
From Center
Expand the reveal from the viewport center instead of the button with fromCenter.