Data Display

Kbd

Server Component

Keyboard key hint.

Import

tsx

import { Kbd } from "@cooud-ui/ui";

bash

npx cooud-ui add kbd

Examples

Keys

Keyboard-key hints, on their own or combined into a chord.

⌘KEsc↵

tsx

<div className="flex items-center gap-3">
  <span className="inline-flex items-center gap-1">
    <Kbd>⌘</Kbd>
    <Kbd>K</Kbd>
  </span>
  <Kbd>Esc</Kbd>
  <Kbd>↵</Kbd>
</div>

On this page

Import
Keys