Skip to main content

Quote

Quote provides a clean, elegant way to display quotations, testimonials, or highlighted statements in documentation.

Basic Usage

<Quote>
Specification-driven development is the foundation of maintainable systems.
</Quote>

Specification-driven development is the foundation of maintainable systems.

With Author & Role

<Quote author="Jane Doe" role="CTO, PsyData Labs L.L.C.">
The clarity of our design system directly impacts the quality of our products.
</Quote>

The clarity of our design system directly impacts the quality of our products.

Jane DoeCTO, PsyData Labs L.L.C.

Props

PropTypeDefaultDescription
authorstringName of the person quoted
rolestringRole or company of the author
childrenReactNodeThe quoted text

Best Practices

  • Keep quotes concise and impactful
  • Use author + role when the source adds credibility
  • Excellent inside Card or InfoBlock for testimonials
  • InfoBlock — For structured factual content
  • Callout — For tips and notes

Next: Metric →