Sobeys Logo

Switch Component

This Switch component provides a modern UI toggle (on/off switch) that is fully accessible, keyboard-navigable, and responsive. It’s perfect for replacing checkboxes or binary settings in user interfaces with a more intuitive visual toggle.

It uses cva for cleanly managing state-based styles and supports customization for colors, accessibility labels, and more

Features Implemented

  • Keyboard Accessible
  • ARIA Support
  • Customizable Colors
  • Animated & Smooth Transitions
  • Minimal & Reusable

Toggle Switch Example