Kbd

A keyboard key or shortcut hint (⌘K, Esc). Purely presentational: put it next to the action’s label, never as the only way to tell what a control does.

Import

import { Kbd } from "@jcsoftdev/ui/atoms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/atoms/kbd.

Usage

<Kbd>
  ⌘K
</Kbd>

Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Combination
• In Sentence

Source

packages/ui/src/atoms/kbd/kbd.tsx