@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
1 lines • 1.07 kB
Source Map (JSON)
{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-boolean/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\n\n/**\n * `useBoolean` is a custom hook used to manage boolean values using `on`, `off`, and `toggle` functions.\n *\n * @see https://yamada-ui.com/docs/hooks/use-boolean\n */\nexport const useBoolean = (init = false): UseBooleanReturn => {\n const [flg, setFlg] = useState<boolean>(init)\n\n const on = useCallback(() => setFlg(true), [])\n\n const off = useCallback(() => setFlg(false), [])\n\n const toggle = useCallback(() => setFlg((prev) => !prev), [])\n\n return [flg, { off, toggle, on }]\n}\n\nexport type UseBooleanReturn = [\n flg: boolean,\n setFlg: { off: () => void; toggle: () => void; on: () => void },\n]\n"],"mappings":";;;;;;;;;;;;;AASA,MAAa,cAAc,OAAO,UAA4B;CAC5D,MAAM,CAAC,KAAK,8BAA4B,KAAK;CAE7C,MAAM,kCAAuB,OAAO,KAAK,EAAE,EAAE,CAAC;AAM9C,QAAO,CAAC,KAAK;EAAE,kCAJe,OAAO,MAAM,EAAE,EAAE,CAAC;EAI5B,qCAFa,QAAQ,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC;EAEjC;EAAI,CAAC"}