ComponentsCode

displaytexulinot agent-emittableapp

Code

code

Inline or block code with escaped text (no HTML).

Live examples

TypeScript block

TypeScript block

Loading demo…

Props

Public props for Code
NameKindRequiredDefaultDescription
valuestringno—Plain source (preferred for agent/user content)
variantenum (inline, block)no"inline"—
languagestringno—Optional language hint
classstringno——

Keyboard

Keyboard behavior for Code
KeyAction
—See accessibility notes for keyboard behavior.

Accessibility

  • Text is always escaped; language is display-only metadata.

Evidence for code

Latest committed gates for code (as of 2026-10-23). Static snapshot — not live CI.

Behavior

n/ano behavior scenario

No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).

Size (gzip)

texuli/code · budget 12.0 KiB

Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.

Axe

documented

  • tests/e2e/site-component-pages.spec.ts
  • docs/quality (a11y-*)

Site component pages axe gate; package-level a11y docs under docs/quality when present.

Browsers

  • chromium
  • webkit
  • mobile

Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.

When to use

Use when

  • Show a short code sample or token

Don’t use when

Prefer another component

  • A full syntax-highlighted editor