Kbd

import { Kbd, KbdGroup } from '@tile-ui/solid';
export default function KbdDemo() {
	return (
		<KbdGroup>
			<Kbd>Ctrl</Kbd>
			<span>+</span>

Use Kbd and KbdGroup to display keyboard shortcuts.

Registry install

pnpm dlx shadcn@latest add @tile-ui/kbd

Package usage

import { Kbd } from '@tile-ui/solid';

<Kbd>Ctrl</Kbd> <Kbd>K</Kbd>

Highlights

• Single keys and key groups
• Pairs with Command and Menubar shortcuts

Registry dependencies

Item	Purpose
kbd	Component source and module styles
core	Framework-agnostic logic helpers
styles	Shared SCSS tokens and globals

API reference

Kbd

No custom props.

KbdGroup

No custom props.

Related docs

• Command
• Tooltip
• Badge