PullQuote
Large, emphasized quote for highlighting key text in articles and blog posts.
Live Demo
Center Aligned
Left Aligned
Right Aligned
Installation
Terminalbash
Usage
Reacttsx
Props
| Name | Type | Default | Description |
|---|---|---|---|
align | 'left' | 'center' | 'right' | 'center' | Alignment of the pull quote (left, center, or right) |
className | string | undefined | Additional CSS classes to apply |
Use Cases
Editorial emphasis in articles
Key takeaway highlights
Magazine-style text features
Annual report callouts
Best Practices
Do
- ✓ Use sparingly for maximum impact — one per section
- ✓ Choose quotes that summarize the key message
- ✓ Style distinctly from regular body text
Don't
- ✗ Don't use for citations with attribution — use Blockquote
- ✗ Don't overuse — it dilutes impact
- ✗ Don't use text that needs context to understand