Skip to content

Documentation

Code

Code is the inline code primitive.

Storybook Source Figma

pnpm add @vega-ui/react

AnnouncementFocus the demo to see what it exposes.

Labeling

Code does not label controls or regions.

Keyboard Behavior

Code has no keyboard behavior.

Focus Behavior

Code is not focusable unless explicitly composed into a focusable element.

The component renders semantic <code>, which helps communicate inline code or identifiers.

Form Semantics

Code is suitable for commands, field names, tokens, and identifiers referenced near form content.

Accessibility Risks

using inline code styling for non-code content
relying on color or background alone to distinguish code in dense text