GithubTwitterDiscordPlayground
Search…
English
👋
Atomico
🚀
Getting started with Atomico
Api
🧬
Props(Properties)
🧩
VirtualDOM
🎣
Hooks
🔬
Testing
Guides
🧠
Atomico design patterns
🗺
Atomico style guide
🛡
Atomico with Typescript
🤝
Atomico and React
🔀
Slot
🗃
Archives
@atomico
@atomico/store
@atomico/design-tokens
@atomico/router
@atomico/react
@atomico/hooks
use-ref-values
use-script
use-attributes
use-prop-proxy
use-click-press
use-dollars
use-reflect-event
use-keyboar
use-click-coordinates
use-copy
use-debounce-state
use-form
use-listener
use-disabled
use-css
use-channel
use-promise
use-responsive-state
use-parent
use-resize-observer
use-slot
use-render
use-mutation-observer
use-css-light-dom
use-controller
use-router
use-async-effect
use-child-nodes
use-force-render
@atomico/components
@atomico/exports
@atomico/magic-form
Support
Discord
Github
Twitter
Powered By GitBook
use-keyboar
capture key combinations easily

Module

1
import { useKeyboard } from "@atomico/hooks/use-keyboard";
Copied!

Syntax

1
useKeyboard(
2
ref: Ref<Element>,
3
keysCode: string[],
4
callback: (event: KeyboardEvent)=>void
5
);
Copied!
where:
  1. 1.
    ref, the reference to associate the event keydown and keyup.
  2. 2.
    keysCode: key combination to capture
  3. 3.
    callback: receives the last event of the key combination

Example

WebComponents.dev
WebComponents.dev
Previous
use-reflect-event
Next
use-click-coordinates
Last modified 2mo ago
Copy link
Edit on GitHub
Contents
Module
Syntax
Example