Kbd

Displays a key or key combination.

Usage

<script setup>
import { ArchKbd } from "@archora/ui";
</script>

<template><ArchKbd>Cmd</ArchKbd> <ArchKbd>K</ArchKbd></template>

Live sandbox

Kbd can be tested directly on this page.

interactive

CmdK

<Kbd />

Props

Prop	Type	Default	Description
as	"kbd" | "span"	"kbd"	Root HTML element.
size	"sm" | "md" | "lg"	"md"	Size.
variant	"default" | "subtle" | "outline"	"default"	Visual variant.

Slots

Slot	Props	Description
default	-	Key text.