Kbd
Used to display textual keyboard input, shortcuts, and inline key prompts.
Installation
Basic
Use a single key token inline when the action reads like product copy instead of a full shortcut legend.
Preview
Grouped Shortcuts
Use KbdGroup to keep related keys together when the UI needs a shortcut legend instead of one standalone key.
Preview
Open command palette
Jump to pages, actions, and settings from anywhere in the workspace.
Toggle bold formatting
Apply emphasis without moving focus away from the editor surface.
Inside A Button
Place a keycap inside the action itself when the shortcut is tightly coupled to the button label.
Preview
This keeps the primary click target and its keyboard alternative visually connected.