Skip to content
Theme

Quote

A pull quote or testimonial: the words in the serif at the quote size, then the name at 500 and the role in textMuted. Only ever someone's own words, quoted exactly.

Examples

A quote in the serif, then who said it
The Analytical Engine weaves algebraical patterns just as the Jacquard-loom weaves flowers and leaves.
Ada LovelaceNotes on the Analytical Engine, 1843

Props

Quote

A pull quote or testimonial: the words in the serif at the quote size, then who said them. A figure, so the attribution belongs to the quote for screen readers.

PropTypeDefaultDescription
childrenReactNode—The words, as said or written: a quote is never paraphrased.
namestring—Who said it.
role?ReactNode—Their role and where, such as "Professor of Computer Science, ETH Zürich".
source?string—Where the words were published, when they were; it becomes the quote's cite.

Accessibility

  • A figure holding a blockquote and its figcaption, so the attribution belongs to the quote for screen readers.
  • A published source becomes the blockquote's cite.