Code

Kód v textu, nebo výpis přes celou šířku. Výpis se umí posunout do strany — což je ta jediná věc, na které ruční výpisy padají.

Kdy použít

Ve větě je jméno vlastnosti, klíč, cesta k modulu nebo hodnota, kterou uživatel opravdu napíše. Odlišit ji od prózy má význam: čtenář pozná, co má opsat doslova.
Ukazuješ víc řádků kódu — block. Když je to TSX, přidej lang: barva rozliší řetězec od klíčového slova a atribut od značky, což je u delší ukázky rozdíl mezi „přečtu" a „luštím".

Kdy nepoužít

Chceš jen jiné písmo nebo zvýraznění. Na důraz je <strong>; <code> říká „tohle je kód", a když to kód není, je to lež o významu.
Je to identifikátor z našich vnitřností, který uživatel nikdy neuvidí ani nenapíše — název sloupce, klíč tabulky. Takový text do rozhraní pro zákazníka nepatří vůbec, ani v kódovém písmu.

Vlastnosti

children: ReactNode — Kód. Nepřekládá se.
block: boolean — Výpis přes celou šířku místo kódu uvnitř věty.
lang: "tsx" — Obarví syntaxi výpisu. Jen s block a jen když je obsah text — jinak se výpis vykreslí, jak přišel.
testId: string — data-testid prvku.