Skip to content

Kbd

CSS

A key shown as a key, with a heavier bottom edge.

Press ⌘ K to search.

Install

$ npx shadcn@latest add https://spotcheckui.com/r/kbd.json

No motion engine needed.

Usage

import { Kbd } from "@/components/spotcheck/kbd"

<Kbd>⌘</Kbd> <Kbd>K</Kbd>

Props

No props of its own. It passes everything to its HTML element.

    Keyboard

    Nothing to operate: this component displays information.

    Reduced motion

    Nothing here animates.