Kbd
A fully accessible, token-driven Kbd component built with strict WAI-ARIA compliance.
tsx
import { Kbd } from '@nofinite/nui';Interactive Preview
Press⌘Kto open command palette
Usage
Basic Example
tsx
import { Kbd } from '@nofinite/nui';
<Kbd />API Reference
Kbd PropsHTML Attributes
Inherits all standard attributes and event handlers from React.HTMLAttributes<HTMLElement> (native <kbd>). Supports className for semantic NUICSS superclasses and ref forwarding.
Accessibility & Guidelines
- Semantic Tokens: Built strictly using Nuicss semantic tokens (
bg-surface,text-default,border-subtle,bg-primary). - Keyboard Navigation: Adheres to strict WAI-ARIA standards.
- Screen Reader Support: Includes semantic roles and live regions where appropriate.