Blockquote

A component for displaying quoted text with optional citation.

Installation

Import the component from the passport-ui package.

components/example.tsx
1
import { Blockquote } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div className="w-sm">
<Blockquote>
This is a blockquote that demonstrates how quoted text appears with
proper styling and visual hierarchy.
</Blockquote>
</div>
{/* Nested blockquote */}
<Blockquote>
This is a parent quote.
<Blockquote nested>
This is a nested quote within the parent.
</Blockquote>
Back to the parent quote content.
</Blockquote>

Additional resources

Documentation and examples are available in Storybook.