Shadcn.io is not affiliated with official shadcn/ui
Editing Keys
A React keyboard display showing Home, End, PgUp, and PgDn editing navigation keys using shadcn/ui Kbd components for text editing documentation
Jump to start, end, or scroll pages with editing keys. This React pattern displays Home, End, PgUp, and PgDn navigation keys using shadcn/ui Kbd components with gap-1 spacing. Built for text editor documentation, content management guides, form field instructions, or any interface teaching users the navigation shortcuts for jumping through text content and scrolling pages efficiently across documents and long forms.
Editing Keys preview
Installation
Related Components
Special Keys
Esc, Tab, Enter keys
Modifier Keys
Shift, Ctrl, Alt keys
Function Keys Row
Complete F1-F12 display
Basic Kbd
Simple keyboard key display
Textarea
Text input with navigation
Form
Form with keyboard navigation
FAQ
Was this page helpful?
Sign in to leave feedback.