Unicode Symbols Kbd for React

They're plain text: no import, no extra markup, and they take the cap's font, size and color. They also work anywhere text does, like Markdown docs or a plain-text tooltip.

⌘ Command (U+2318), ⌥ Option (U+2325), ⌃ Control (U+2303), ⇧ Shift (U+21E7), ↵ Return (U+21B5), ⌫ Delete (U+232B), ⇥ Tab (U+21E5) and ⎋ Escape (U+238B), plus the arrows ← ↑ → ↓.

Not quite: each comes from whatever font has it, so its size and weight vary between systems. If they must match exactly, use icons, as the Enter with Icon example does.

Inconsistently: some say the Unicode name, some skip the symbol. Here the key name follows each symbol, so the meaning gets through either way.

Yes, they're ordinary characters. Inside a Kbd they get the key cap style; in Markdown they're plain text, or key caps if your renderer styles kbd elements.

The symbols do, which is their advantage. The names after them don't, so translate Enter, Delete and Tab with the rest of your interface, or use the names printed on local keyboards.