Components
Loading preview...
Pixel-art toggle switch from 8bitcn.com — hard-edge pixel border with on/off thumb states. Wraps Radix Switch primitive.
npx shadcn@latest add https://21st.dev/r/theorcdev/8bit-switch"use client";
import { Switch } from "@/components/ui/8bit-switch";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden">
<div className="flex items-center gap-4">
<span className="text-sm font-pixel">Off</span>
<Switch defaultChecked />
<span className="text-sm font-pixel">On</span>
</div>
</div>
);
}