Kbd/kbd-pressed-state-

PreviousNext

A kbd/kbd-pressed-state- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/kbd/kbd-pressed-state-1.tsx
import { Kbd, KbdGroup } from "@/components/ui/kbd";

export const title = "Active State";

const Example = () => (
  <div className="rounded-md border bg-background p-4">
    <KbdGroup>
      <Kbd className="bg-primary text-primary-foreground">⌘</Kbd>
      <Kbd>K</Kbd>
    </KbdGroup>
  </div>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/kbd-kbd-pressed-state-1

Usage

import { KbdKbdPressedState1 } from "@/components/kbd-kbd-pressed-state-1"
<KbdKbdPressedState1 />