Skip to main content

Code

Implemented

Inline code formatting.

Categoryatoms
Sourcecomponents/atoms/Code/Code.tsx
AI HintInline code snippet in the mono font slot, renderable as code or span. Use Pre for block-level scrollable code.

Code component.

Code

design-system

Code component preview and API reference.

Code

Usage

Import

tsxSnippet
import { Code } from "@epasslive/design-system"

Example 1

tsxSnippet
<Code />

Example 2

tsxSnippet
<Code variant="default" />

Anti-patterns

— Do not compose atoms directly — use molecules instead

— Avoid inline styles on atoms

Design System v4.1.0 | ePassLive