kbd-button-demo

PreviousNext
Docs
pureuiexample

Preview

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

export function KbdButtonDemo() {
  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 @pureui/kbd-button-demo

Usage

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