NAMCHE UI
Components

Kbd

A small key-cap label for documenting keyboard shortcuts.

Open command palette⌘K
Redeploy last build⌘⇧D
CancelEsc

Install

pnpm dlx shadcn@latest add @namche/kbd

Usage

import { Kbd, KbdGroup } from '@/components/ui/kbd';

<KbdGroup>
  <Kbd>⌘</Kbd>
  <Kbd>K</Kbd>
</KbdGroup>

Kbd renders a <kbd> element sized for a single key; wrap a chord in KbdGroup to space multiple keys evenly. Inside a TooltipContent, Kbd automatically switches to a translucent variant so it reads correctly against the tooltip's inverted background.

Item

A flexible list-row primitive for feeds, menus, and settings rows.

Table

A plain HTML table with hairline rows and the system's type scale.

On this page

InstallUsage