Skip to main content

useToggle()

Toggles a boolean state between true and false. Ideal for managing UI states like modals, dropdowns, or checkboxes.

Import​

import { useToggle } from "reactuals";

Demo​

Loading...

Usage​

import { useToggle } from "reactuals";

function Toggle() {
  const [isActive, toggle] = useToggle();

  return (
    <div>
      <button onClick={toggleDarkMode}>
        {isActive ? "Active Lights" : "Inactive Lights"}
      </button>
      <div className="mt-4">
        {isActive
          ? "Lights enabled. Shine bright!"
          : "Light disabled. Enjoy the night view!"}
      </div>
    </div>
  );
}