Kbd
Display a keyboard key or shortcut in a compact label.
Preview
Import
import { Kbd, KbdGroup } from "@sigil-ui/components";Usage
<Kbd>Kbd example</Kbd>Sub-components
This component includes the following parts:
<KbdGroup>
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-sm | Radius sm |
--s-border | Border |
--s-border-style | Border style |
--s-surface | Surface |
--s-font-mono | Font mono |
--s-text-muted | Text muted |