ObjectUIObjectUI
ComponentsData Display

Kbd

Display keyboard shortcuts and hotkeys

The Kbd component displays keyboard shortcuts in a styled format.

Basic Usage

Copy Shortcut

CtrlC

Multiple Key Combinations

Command Palette

CtrlShiftP

Search

CmdK

Submit

AltEnter

Schema

interface KbdSchema {
  type: 'kbd';
  keys: string[];                 // Keyboard keys
  className?: string;
}

Examples

In Documentation

Inline Usage

Press
CtrlS
to save

On this page