Kbd
Display keyboard shortcuts and register global hotkeys.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Kbd />
When to Use
- Displaying keyboard shortcuts in menus, tooltips, or documentation
- Documenting keybindings in help pages or onboarding guides
- Registering global hotkeys for power-user workflows
Ctrl
+
K
Ctrl
+
Shift
+
P
Esc
EnterSmall:
Ctrl
+
S
Default:
Ctrl
+
S
Large:
Ctrl
+
S
Open command palette
Ctrl
+
K
Search
Ctrl
+
F
Save
Ctrl
+
S
Close
Esc
Pick a size to see it applied live.
Ctrl
+
K
Try it!
Press Ctrl + K to trigger the shortcut counter.
Ctrl
+
K
triggered 0 time(s)
API Reference
Kbd
| Prop | Type | Default | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | null | Key label text (e.g. "Ctrl", "K"). |
| Size | KbdSize | Default | Size of the keyboard key. Values: Sm, Default, Lg. |
| Class | string? | null | Additional CSS classes. |
| AdditionalAttributes | Dictionary<string, object>? | null | Additional HTML attributes. |
KeyboardShortcutService
| Method | Signature | Description |
|---|---|---|
| RegisterAsync | RegisterAsync(keys, callback) | Registers a keyboard shortcut. Returns IAsyncDisposable to unregister. |