---
title: "ProseKbd"
description: "Display keyboard shortcuts and key combinations with proper styling."
canonical_url: "https://vinicunca.dev/pohon/typography/kbd"
---
# ProseKbd

> Display keyboard shortcuts and key combinations with proper styling.

## Usage

Use the `kbd` component to display a [Kbd](https://vinicunca.dev/pohon/components/kbd) in your content.

```mdc
:kbd{value="meta"} :kbd{value="K"}
```

## API

### Props

```ts
/**
 * Props for the ProseProseKbd component
 */
interface ProseProseKbdProps {
  value?: string | undefined;
  ui?: { base?: any; } | undefined;
}
```

### Slots

```ts
/**
 * Slots for the ProseKbd component
 */
interface ProseKbdSlots {
  default(): any;
}
```

## Theme

```ts [app.config.ts]
export default defineAppConfig({
  ui: {
    prose: {}
  }
})
```

## Changelog

See commit history for [component](https://github.com/vinicunca/pohon/commits/main/src/runtime/components/prose/ProseKbd.vue) and [theme](https://github.com/vinicunca/pohon/commits/main/src/theme/prose/prose-kbd.ts).

---

- [GitHub](https://github.com/vinicunca/pohon/blob/main/src/runtime/components/prose/Kbd.vue)


## Sitemap

See the full [sitemap](https://vinicunca.dev/sitemap.md) for all pages.