---
title: "Kbd"
description: "Renders a badge-styled kbd element"
component: true
---

<ComponentExample name="kbd-demo" />

## Usage

---

```tsx
import { Kbd } from "@medusajs/ui"
```

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


## API Reference

---

This component is based on the `kbd` element and supports all props of this element.