Pre

Implemented

Preformatted text block.

Categoryatoms

Sourcecomponents/atoms/Pre/Pre.tsx

AI HintScrollable preformatted block; ariaLabel names the region for screen readers and RTL scroll origins are handled. Pair with Code for inline snippets.

Pre component.

Pre

design-system

Pre component preview and API reference.

Pre

Props

Preview

Pre

Prop

Type

Required

Default

Description

ariaLabel

string

Optional

'Code block'

Synced from source — no interface JSDoc yet; document on `Pre.tsx`.

Quick use:<Pre />

Usage

Import

tsxSnippet

import { Pre } from "@epasslive/design-system"

Example 1

tsxSnippet

<Pre />

Example 2

tsxSnippet

<Pre variant="default" />

Anti-patterns

— Do not compose atoms directly — use molecules instead

— Avoid inline styles on atoms