Skip to content
aq-ui
Back to ComponentsComponent

Kbd

Open-code aq-ui accessible component family for Kbd.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add kbd

API reference

SSR-safe

Import the parts you need, then jump to an export for its contract.

View full source

Quick start

import { Kbd } from "@/components/ui/kbd"

<Kbd />

Kbd

constSource L4

Open-code aq-ui accessible component family for Kbd.

const Kbd = React.forwardRef<React.ComponentRef<"kbd">, React.ComponentProps<"kbd">>(…)
Props type
React.ComponentProps<"kbd">
<Kbd />

KbdGroup

constSource L22

Public const export from Kbd.

const KbdGroup = React.forwardRef<React.ComponentRef<"kbd">, React.ComponentProps<"div">>(…)
Props type
React.ComponentProps<"div">
<KbdGroup />

Registry dependencies

utils

Files

  • components/ui/kbd.tsx

Source