Animated Checkbox adds a small, purposeful checkmark animation to a semantic checkbox control.

Example default not found in registry for component animated-checkbox.

Installation

Component animated-checkbox not found in registry.

Usage

settings.tsx

import AnimatedCheckbox from "@/components/ui/animated-checkbox/animated-checkbox";
 
export function Settings() {
return <AnimatedCheckbox label="Send product updates" />;
}

Component anatomy not found: animated-checkbox

Property	Type	Default	Description
`label`	`React.ReactNode`	`—`	Optional label rendered beside the control.