Kbd
A keyboard key.
import { Kbd } from "@flinbu/seed";Shortcut
Search with ⌘K
import { Kbd } from "@flinbu/seed";
import { Search } from "lucide-react";
<span className="inline-flex items-center gap-xxs body-body-3-regular text-secondary">
Search with <Kbd>⌘</Kbd><Kbd>K</Kbd>
</span>Use it for
- Shortcuts in menus, tooltips and help.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | none | Extra classes. They win over Seed's, so you can adjust one thing without forking. |
Accessibility
- Rendered as <kbd>.