Blockquote
Styled quote component with 3 variants and optional author attribution.
Live Demo
Default Variant
The important thing is not to stop questioning. Curiosity has its own reason for existing.
Accent Variant
Innovation distinguishes between a leader and a follower.
Subtle Variant
We delight in the beauty of the butterfly, but rarely admit the changes it has gone through to achieve that beauty.
Installation
Terminalbash
Usage
Reacttsx
Props
| Name | Type | Default | Description |
|---|---|---|---|
author | string | undefined | Quote author name |
source | string | undefined | Source/book/article title |
cite | string | undefined | URL to the source |
variant | 'default' | 'accent' | 'subtle' | 'default' | Visual variant (default, accent, or subtle) |
className | string | undefined | Additional CSS classes to apply |
Use Cases
Testimonial sections
Article citations and quotes
Pull quotes in long-form content
Customer review highlights