use-toggle
FC-0041toggle-stateprimitivev1.0.0Hook: een boolean met een vaste toggle-functie — [waarde, wissel, zet].
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];
}