Quote Blocks

Use quote blocks for editorial notes, testimonials, principles, and short perspective shifts.

Quote blocks are useful when a page needs a short voice shift without turning into a callout or a testimonial carousel.

Use in MDX

Add a QuoteBlock block in any .mdx article:

<QuoteBlock author="Docs team">
  Write for the reader who is trying to finish a task, not for the teammate who already knows the system.
</QuoteBlock>

Implementation notes

The component lives in src/components/docs/QuoteBlock.astro. Styling is controlled by the .docs-quote rules in src/index.css.

Preview

Write for the reader who is trying to finish a task, not for the teammate who already knows the system.

Docs team