Skip to content
OTF Kit logoOTF Kit

Hotkey Badge

Display

Compact keyboard shortcut chip — ⌘K, ⇧⌘P, etc.

View in Storybook
Hotkey Badge
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.

PropTypeDefaultDescription
childrenrequiredReactNode
classNamestring

Related