Code · Astryx

Code@astryxdesign/core v0.1.1 · Code

Usage

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

Open in Playground

Inline code rendered inside heading, body, supporting, and label text. Code automatically matches the font size of its parent text element.

Code — Inline

Open in Playground

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

Open in Playground

Inline code used for variables, terminal commands, CSS properties, file paths, and keyboard shortcuts. Shows how Code adapts to different kinds of technical content.