Kbd

Display keyboard keys and shortcuts with proper styling.

Installation

Copy the following code into your app directory.

buridan add component kbd

Examples

Below are examples demonstrating how the component can be used.

Default

A basic example showing a single styled keyboard key.

Common Shortcuts

Displays familiar keyboard shortcuts like copy or paste.

Special Keys

Shows styling for special keys such as Enter, Tab, or Esc.

Complex Shortcuts

Demonstrates multi-key combinations for advanced shortcuts.

With Icons

Displays keyboard shortcuts paired with icons for clarity.