Blockquote

Implemented

Block-level quotation.

Categoryatoms

Sourcecomponents/atoms/Blockquote/Blockquote.tsx

AI HintBlock quotation with optional cite URL and visible attribution; the teal rail uses CSS logical properties so it flips to the trailing edge in RTL automatically.

Blockquote component.

Blockquote

design-system

Blockquote component preview and API reference.

Blockquote

Props

Preview

Blockquote

Prop

Type

Required

Default

Description

cite

string /** Optional visible attribution (e.g. "— Jane Doe"). */

Optional

—

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

attribution

React.ReactNode

Optional

—

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

Quick use:<Blockquote />

Usage

Import

tsxSnippet

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

Example 1

tsxSnippet

<Blockquote />

Example 2

tsxSnippet

<Blockquote variant="default" />

Anti-patterns

— Do not compose atoms directly — use molecules instead

— Avoid inline styles on atoms