heart-switch

Supports detailed color props for track and thumb across active, inactive, disabled, and invalid states, as evidenced by the 15+ color-related configuration options in the README's table.

Designed with ARIA attributes like aria-label and aria-disabled, and the README provides explicit examples for making the component accessible to screen readers and focus management.

Offers ref forwarding to the underlying checkbox element, enabling both controlled and uncontrolled component usage for versatile state handling in React apps.

Includes three size options (sm, md, lg) with specific pixel dimensions, allowing easy integration into different design scales without custom CSS tweaks.