Kbd
Inline keyboard hint, styled to look like a physical key cap. KbdGroup chains multiple together for sequences like ⌘ K.
Default
Single key cap.
Usage
Import the parts you need from the component's folder.
ts
import { Kbd, KbdGroup } from "@/components/ui/kbd";Group
Chain modifiers with KbdGroup.
Inside a tooltip
Show the shortcut for an action alongside its label in the tooltip.
Input group addon
A Kbd addon hints the shortcut that focuses a search or command field.