Shadcn.io is not affiliated with official shadcn/ui
Enter with Icon
A React keyboard key displaying Enter with CornerDownLeft icon using shadcn/ui Kbd and Lucide React for visual enter key representation
Text alone doesn't capture the Enter key's distinctive shape. This React pattern shows Kbd with CornerDownLeft icon from Lucide React plus Enter text—visually represents the iconic L-shaped arrow on physical keyboards. Built with shadcn/ui Kbd component, it's perfect for form documentation showing submit shortcuts, chat interfaces with send actions, command line tutorials, or any context where the distinctive Enter key shape aids recognition.
Enter with Icon preview
Installation
Related Components
Delete with Icon
Del key with Delete icon
Unicode Symbols
Unicode arrow symbols
Special Keys
Esc, Tab, Enter text only
Keyboard Shortcut
Standard shortcut display
Form
Form with Enter to submit
Icon Button
Button with icon
FAQ
Was this page helpful?
Sign in to leave feedback.