Dev Design Library

Kbd

Key caps for shortcuts that show the right symbols on every platform, read them out properly and press down with the real keys.

Kbd preview
Library
HextaUI
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0, class-variance-authority, cn
Install
npx shadcn@latest add https://hextaui.com/r/kbd.json
Files
  • components/ui/kbd.tsx
  • lib/hotkey.ts
  • hooks/use-held-keys.ts
Source
https://github.com/preetsuthar17/hextaui

Categories

More from HextaUI