Shadcn.io is not affiliated with official shadcn/ui
Arrow Keys Horizontal
Horizontal left and right arrow Kbd components in KbdGroup showing ←→ symbols for lateral navigation built with shadcn/ui Kbd
Some controls only need horizontal movement—left/right navigation without vertical clutter. This React pattern uses KbdGroup wrapping two Kbd components showing ← and → arrow symbols creating grouped horizontal navigation indicator. Built with shadcn/ui Kbd and KbdGroup for visual grouping, it's perfect for carousel controls, horizontal scrolling documentation, pagination shortcuts, slider instructions, timeline navigation, or any interface explaining left-right movement where simplified two-key display communicates directional input clearly.
Arrow Keys Horizontal preview
Installation
Related Components
Arrow Keys Cross Pattern
Full 4-direction arrow layout
WASD Gaming Keys
Gaming movement keys
Vim Navigation Keys
HJKL vim-style navigation
Kbd Group
Grouped keyboard keys
Standard Kbd
Basic keyboard key display
Carousel Controls
Carousel navigation patterns
FAQ
Was this page helpful?
Sign in to leave feedback.