COMPONENTS/CODE BLOCK

Code Block

Syntax-highlighted code block with copy functionality.

display
codedeveloperdisplay

LIVE PREVIEW

DESIGN RATIONALE

Dark-theme code display using a custom token color palette derived from the Paxeer brand colors. Comments use a muted slate, strings use a desaturated blue, and keywords use pure white for maximum contrast. The copy button appears on hover to reduce chrome. Line numbers are right-aligned with a subtle divider.

USAGE GUIDELINES

Use in documentation, API references, tutorials, and developer onboarding flows. Supports TypeScript, JavaScript, Solidity, and JSON out of the box.

SOURCE FILE

components/paxeer20.tsx

EXPORT NAME

CodeBlock

CATEGORY

display