Toggle Left Icon

An animated toggle-switch icon whose knob slides on hover or on demand, for use in UI toggles, settings rows, and icon buttons.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Toggle Left Icon to your project and fits it to your theme.

import { ToggleLeftIcon } from "@/components/ui/lu-toggle-left";

export default function ToggleLeftIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-[200px]">
      <ToggleLeftIcon size={48} />
    </div>
  );
}