Hotkey Input

HotkeyInput is a specialized input component for capturing keyboard shortcuts. It allows users to record key combinations by pressing keys, with visual feedback and validation.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/HotkeyInput/HotkeyInput.tsx
• src/HotkeyInput/index.ts
• src/HotkeyInput/stable.ts
• src/HotkeyInput/style.ts
• src/HotkeyInput/type.ts
• src/styles/stylex/cssVar.stylex.ts
• src/utils/bem.ts
• src/ActionIcon/index.ts

Source

https://github.com/lobehub/lobe-ui

Categories

• Data Display Components
• React Data Display Components
• Input Components
• React Input Components
• Kbd Components
• React Kbd Components
• Text Input Components
• React Text Input Components

More from Lobe UI

• Hotkey
• Input
• Search Bar
• Slider With Input
• Base Ui Input
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete