@ybiquitous/use-toggle

useToggle()

React useToggle() utility.

• React 16+
• No dependencies
• TypeScript support

Install

npm install @ybiquitous/use-toggle

Usage

import useToggle from "@ybiquitous/use-toggle";

function App() {
  const [checked, check, uncheck, toggle] = useToggle();

  return (
    <p>
      <input type="checkbox" checked={checked} />
      <button onClick={check}>Check</button>
      <button onClick={uncheck}>Uncheck</button>
      <button onClick={() => toggle()}>Toggle</button>
      <button onClick={() => toggle(true)}>Toggle with boolean</button>
    </p>
  );
}

See also the online demo!