componentes / exibição
Kbd
Mostre uma tecla ou atalho com visual de tecla.
282 B gzip roda no servidor · 0 JS
press Ctrl K to search, or Esc to close.
kbd-default.tsx
import { Kbd } from "@/components/ui/kbd";
export default function KbdDefault() {
return (
<p className="text-muted-foreground text-sm">
press <Kbd>Ctrl</Kbd> <Kbd>K</Kbd> to search, or <Kbd>Esc</Kbd> to close.
</p>
);
}Instalação
$ npx shadcn@latest add https://cd-ui.vercel.app/r/kbd.jsonprimeira vez? configure o components.json e o tema antes: veja instalação.
Uso
import { Kbd } from "@/components/ui/kbd"
<Kbd>Ctrl</Kbd> <Kbd>K</Kbd>API
Kbd
Um <kbd> com cara de tecla. Componente de servidor.
| prop | tipo | padrão |
|---|---|---|
classNameClasses extras, mescladas com | string | - |