Utility
Terminal
Installation
$ pnpm dlx shadcn@latest add @termcn/ink/keyboard-shortcuts
Usage
import { KeyboardShortcuts } from "@/components/ui/keyboard-shortcuts";<KeyboardShortcuts
title="Editor Shortcuts"
shortcuts={[
{ key: "Ctrl+S", description: "Save file" },
{ key: "Ctrl+Z", description: "Undo" },
{ key: "Ctrl+F", description: "Find" },
]}
/>API Reference
KeyboardShortcuts
| Prop | Type | Default |
|---|---|---|
shortcuts | Shortcut[] | required |
columns | number | 1 |
title | string | - |
Shortcut
| Prop | Type | Default |
|---|---|---|
key | string | required |
description | string | required |
category | string | - |
Notes
Accessibility
termcn exposes the following behavior through Ink's terminal accessibility APIs. This is not a browser ARIA or general WCAG-conformance claim.
- Screen reader: Ink labels and semantic state expose the component without relying on visual styling alone.