Syntax-highlighted code block with copy functionality.
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