Keyboard key within an input.

Keyboard key within an input.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-kbd-4

Files

• registry-reui/bases/radix/components/kbd/c-kbd-4.tsx
• registry/bases/radix/ui/input-group.tsx
• registry/bases/radix/ui/kbd.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/input.tsx
• registry/bases/radix/ui/textarea.tsx

Source

https://github.com/keenthemes/reui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Kbd Components
• React Kbd Components
• Tailwind CSS Kbd Components

More from ReUI

• Basic keyboard keys.
• Keyboard keys grouped together.
• Keyboard keys combined with icons.
• Keyboard shortcut in a tooltip.
• Keyboard shortcuts reference list
• Alert
• Autocomplete
• Badge
• A basic single-expand accordion
• Accordion with rotating arrow indicator
• Accordion pattern for onboarding or setup steps with icons, badges, and QR codes
• Accordion with plus/minus indicators