Code

stable

Inline or block code display with syntax styling

import { Code } from "@nodus/design-system"

Use vault_path("work") to resolve vault paths. Never hardcode with os.path.join().

const agent = new Agent({
  model: "claude-opus-4",
  tools: [vault_search, linear_api],
  maxTokens: 4096,
});

Loading demo…

Props

Prop	Type	Default	Description
`variant`	`"inline" \| "block"`	"inline"	Inline <code> or block <pre><code>

variant

Type "inline" | "block"Default "inline"

Inline <code> or block <pre><code>

Metadatainlineblocktype surface border

MobileWorks As-Is

Code blocks use overflow-x-auto for long lines. Works on mobile without modification.

Design Rationale

This component was designed to express:

Keyboard shortcut display element

Code block with copy-to-clipboard for install commands

Was this helpful?