← alle entries

use-toggle

FC-0041toggle-stateprimitivev1.0.0

Hook: een boolean met een vaste toggle-functie — [waarde, wissel, zet].

zelfde component — andere tokens

waarde = false

primitives/ui/use-toggle.ts
/**
 * useToggle — een boolean met een vaste toggle-functie: [waarde, wissel, zet].
 * Klein, maar het scheelt in elk formulier en paneel dezelfde drie regels.
 */

"use client";

import { useCallback, useState } from "react";
import type * as React from "react";

export function useToggle(
  defaultValue = false,
): [boolean, () => void, React.Dispatch<React.SetStateAction<boolean>>] {
  const [value, setValue] = useState(defaultValue);
  const toggle = useCallback(() => setValue((v) => !v), []);
  return [value, toggle, setValue];
}