Code · astryx-svelte

Code @astryx-svelte/core v0.3.0 · CodeBlock

Usage

Inline code element. Renders a styled <code> with monospace font and muted background. For fenced blocks, use CodeBlock.

ts
 
import { CodeBlock } from '@astryx-svelte/core';

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.