useToggle

import { useToggle } from "reshaped"

useToggle returns methods for activating and deactivating elements in your code, along with their current value. One example of its use case is in components like Modal.

function Example() {
  const { active, activate, deactivate } = useToggle(false);

  return (
    <>
      <Button onClick={activate}>Open modal</Button>
      <Modal active={active} onClose={deactivate}>
        Modal content
      </Modal>
    </>
  );
}

() => {
  // Set state to true
  activate: () => void,

  // Set state to false
  deactivate: () => void,

  // Toggle state to the opposite or the passed value
  toggle: (targetValue?: boolean) => void,

  // Current state value
  active: boolean,
}