Documentation
useToggle
Boolean toggle with callbacks for on/off states.
Installation
pnpm add @rouf-dev/pantheon-uiUsage
"use client";
import { useToggle } from "@rouf-dev/pantheon-ui";
import { Button } from "@rouf-dev/pantheon-ui";
export function ToggleDemo() {
const [isOn, toggle, setOn, setOff] = useToggle(false);
return (
<div>
<p>State: {isOn ? 'On' : 'Off'}</p>
<Button onClick={toggle}>Toggle</Button>
<Button onClick={setOn}>Turn On</Button>
<Button onClick={setOff}>Turn Off</Button>
</div>
);
}Return Value
[isOn, toggle, setOn, setOff]: Tuple with state and control functions