react-usekit

Beta

useBoolean

A custom hook that manages a boolean state.

Installation

npx react-usekit@latest init

Select: hooks → TypeScript or JavaScript → path -> useBoolean

Usage

import { useBoolean } from "./hooks/useBoolean";

function App() {
  const { value, setTrue, setFalse, toggle } = useBoolean(false);

  return (
    <div>
      <p>Value: {value ? "true" : "false"}</p>
      <button onClick={setTrue}>Set True</button>
      <button onClick={setFalse}>Set False</button>
      <button onClick={toggle}>Toggle</button>
    </div>
  );
}

API

Parameters

ParameterTypeDefaultDescription
defaultValuebooleanfalseThe initial value of the boolean state

Returns

NameTypeDescription
valuebooleanThe current boolean value
setValue(value: boolean) => voidFunction to set the boolean value directly
setTrue() => voidFunction to set the value to true
setFalse() => voidFunction to set the value to false
toggle() => voidFunction to toggle the boolean value