Documentation

useToggle

Boolean toggle with callbacks for on/off states.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

"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