Components
Loading preview...
Displays a boolean value.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/toggle-1import { useState } from "react";
import { Toggle } from "@/components/ui/toggle-1";
export default function DefaultDemo() {
const [checked, setChecked] = useState(false);
const [checked2, setChecked2] = useState(true);
return (
<div className="flex flex-col gap-2 w-3/4">
<Toggle
aria-label="Enable Firewall"
checked={checked}
onChange={(): void => setChecked(!checked)}
/>
<Toggle
aria-label="Enable Firewall"
checked={checked2}
onChange={(): void => setChecked2(!checked2)}
size="large"
/>
</div>
);
}