Hooks

useKeyboardShortcut

Publisher

cermuel

50 hooks published

More from this publisher

useKeyboardShortcut

Handle key combinations and scopes.

useKeyboardShortcut.tsx
import { useState } from "react";import { useKeyboardShortcut } from "@cermuel/hooks/react";export function useKeyboardShortcutExample() {  const [open, setOpen] = useState(false);  useKeyboardShortcut("mod+k", () => setOpen(true));  return <p>{open ? "Open" : "Closed"}</p>;}

Props

Param
Type
Default Value
shortcut
string
handler
(event: KeyboardEvent) => void
options?
{ enabled?: boolean; preventDefault?: boolean; target?: MaybeTarget }
{}

Returns

void