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 [isOpen, toggle] = useToggle();

  return (
    <div>
      <button onClick={toggleDarkMode}>
        {isDarkMode ? "Switch to Light Mode" : "Switch to Dark Mode"}
      </button>
      <div className="mt-4">
        {isDarkMode
          ? "Dark mode is enabled. Enjoy the night view!"
          : "Light mode is enabled. Shine bright!"}
      </div>
    </div>
  );
}