Arrow Keys Horizontal Kbd for React

When the control only moves sideways: a carousel, a slideshow, a timeline, previous and next pages. Showing up and down there suggests keys that do nothing.

It lays the two Kbd caps out in a row with a small gap and keeps them on one line. Unlike a chord such as ⌘K, the arrows here are alternatives, so make that clear in the text around them, for example Use ← → to move.

Yes, as on the keyboard, with left first. In right-to-left interfaces a carousel usually moves the other way, so check which key goes forward and label the hint to match.

Put the hint next to the carousel's previous and next buttons, or in its caption. Make sure the arrows really move it: the hint should match what the keys do.

Both: keep visible Previous and Next buttons with clear labels, and show the arrow hint for people who prefer the keyboard. Arrows alone don't say where they lead.

The characters ← and → aren't always read as key names, so add visually hidden text like Left arrow and Right arrow inside the caps when the hint matters.