Sliding Icon Theme Switch

A theme toggle switch where a single sun or moon icon slides with the thumb, showing only the currently active mode.

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

import SwitchComponent from "@/components/ui/switch8";

export default function Demo() {
  return (
    <div className="flex min-h-64 items-center justify-center">
      <SwitchComponent />
    </div>
  );
}