Controls
Keyboard
Keyboard and focus support ensures smooth navigation with keys, essential for users without a mouse and power users for quick access. It enhances accessibility.
Basic
There’s not much to showcase here, but you can explore related components such as the Menu and CommandMenu.
Just a heads up: incorporating components like menu or command menu automatically integrates the keyboard component as well. There’s no need to install it separately.
Installation
Install the component via the CLI in one command.
npm
pnpm
yarn
bun
npx shadcn@latest add @intentui/keyboard
Manual installation
Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.
npm
pnpm
yarn
bun
npm install react-aria-components tailwind-merge
Design Intent UI
Build modern web apps faster with 1000+ resources across components, blocks, patterns, templates, and starter kits.