Shortcut

Keyboard shortcuts as small key chips, for hints beside search fields, buttons and menu items.

Installation

npx shadcn@latest add https://osrsui.com/r/shortcut.json

Usage

import { Shortcut } from "@/components/ui/shortcut"

<Shortcut>Esc</Shortcut>
<Shortcut keys={["⌘", "K"]} />

Each key is its own <kbd>, inside one outer <kbd> for a combination, so screen readers read it as a keyboard shortcut.