Components
Loading preview...
This is Switch component.
@starc007
npx shadcn@latest add https://21st.dev/r/starc007/beui-switch"use client";
import { useState } from "react";
import { Switch } from "@/components/ui/beui-switch";
export default function SwitchPreview() {
const [on, setOn] = useState(true);
return (
<div className="flex flex-col gap-3">
<Switch checked={on} onCheckedChange={setOn} label="Enable notifications" />
<Switch checked={false} onCheckedChange={() => {}} label="Off" />
<Switch checked disabled onCheckedChange={() => {}} label="Disabled" />
</div>
);
}