kbd-button

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/kbd-button.tsx
import { Button } from "@/registry/new-york/ui/button"
import { Kbd } from "@/registry/new-york/ui/kbd"

export default function KbdButton() {
  return (
    <div className="flex flex-wrap items-center gap-4">
      <Button variant="outline" size="sm" className="pr-2">
        Accept <Kbd>⏎</Kbd>
      </Button>
      <Button variant="outline" size="sm" className="pr-2">
        Cancel <Kbd>Esc</Kbd>
      </Button>
    </div>
  )
}

Installation

npx shadcn@latest add @taki/kbd-button

Usage

import { KbdButton } from "@/components/kbd-button"
<KbdButton />