Hotkey Badge
DisplayCompact keyboard shortcut chip — ⌘K, ⇧⌘P, etc.
Hotkey BadgeDisplay · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Hotkey Badge from @otfdashkit/ui.
Code
// Hotkey Badge — Compact keyboard shortcut chip — ⌘K, ⇧⌘P, etc.
//
// Install:
// bun add @otfdashkit/ui
import { HotkeyBadge } from '@otfdashkit/ui'
export function Example() {
return (
<HotkeyBadge>
{/* your content */}
</HotkeyBadge>
)
}Props
Props declared in the HotkeyBadge source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| childrenrequired | ReactNode | ||
| className | string |