Tile UI Vue
Source code

Components

Kbd

Keyboard key and key-combination display primitives.

Use Kbd to render keyboard shortcuts in docs, toolbars, and menus.

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

Registry install

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

Package usage

import { Kbd } from '@tile-ui/vue';
 
<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.

PreviousItemNextLabel