Inline code element. Renders a styled <code> with monospace font and muted background. For fenced blocks, use CodeBlock.
ts
import{Code}from'@astryxdesign/core/CodeBlock'
Examples
Common configurations, variations, and states.
Code — Text Sizes
Inline code rendered inside heading, body, supporting, and label text. Code automatically matches the font size of its parent text element.
Code — Inline
Inline code references mixed within a paragraph of body text. Use Code to mark up function names, hooks, or API terms so they stand out from surrounding prose.
Code — Content Types
Inline code used for variables, terminal commands, CSS properties, file paths, and keyboard shortcuts. Shows how Code adapts to different kinds of technical content.