useToggle

import "./styles.css";
import { useToggle } from "rooks";

export default function App() {
  const [state, toggle] = useToggle();

  return (
    <div className="App">
      <h1>Rooks: useToggle Example </h1>
      <br></br>
      <button onClick={toggle} style={{ cursor: "pointer" }}>
        {state ? <span>Yes! 👍</span> : <span>No! 👎</span>}
      </button>
    </div>
  );
}

import "./styles.css";
import { useToggle } from "rooks";

export default function App() {
  const [state, toggle] = useToggle(true);

  return (
    <div className="App">
      <h1>Rooks: useToggle Example </h1>
      <br></br>
      <button onClick={toggle} style={{ cursor: "pointer" }}>
        {state ? <span>Yes! 👍</span> : <span>No! 👎</span>}
      </button>
    </div>
  );
}

import "./styles.css";
import { useToggle } from "rooks";

export default function App() {
  const [state, toggle] = useToggle("on", value =>
    value === "on" ? "off" : "on"
  );

  return (
    <div className="App">
      <h1>Rooks: useToggle Example </h1>
      <br></br>
      <button onClick={toggle} style={{ cursor: "pointer" }}>
        {state}
      </button>
    </div>
  );
}