import { ComponentExample } from "@/components/ComponentExample" import { ComponentReference } from "@/components/ComponentReference"

export const metadata = { title: Kbd, }

{metadata.title}

A component that renders a badge-styled keyboard (kbd) element.

In this guide, you'll learn how to use the Kbd component.

Usage

tsx

import { Kbd } from "@medusajs/ui"

tsx

<Kbd>Ctrl + Shift + A</Kbd>