BlockQuote

v1.1.6Edit this page

Component used to distinguish quoted text in a document by increasing the size of the quote, giving it an attribution, and adding a border around it. For those interested, there's a slight difference between block and pull quotes:

A block quotation (also known as a long quotation or extract) is a quotation in a written document that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size font.

Wikipedia

In graphic design, a pull quote (also known as a lift-out pull quote) is a key phrase, quotation, or excerpt that has been pulled from an article and used as a page layout graphic element, serving to entice readers into the article or to highlight a key topic.

Wikipedia

The NDS team decided on naming the component <BlockQuote />, to keep it generic for future use cases.

Usage

Loading...

Loading examples...

Props

<BlockQuote>

Name

Description

Type

Default

attribution

Subtext under the quote. Generally the name of the person who said the quote.

string

null

quote

Quoted text.

string

Maintainers

This component was created by Piper Chester.

See Also