Ripple Design System

Block quote

The Block quote component adds emphasis to a quote.

Usage

Use block quotes to emphasise:

  • important information
  • excerpts from a source.

When and how to use

  • Only use text in block quotes.
  • Always put all the quoted text inside opening and closing quotation marks (' ').
  • Include optional author metadata.
  • You can feature more than one quote by a single author.
  • Only use in content sections.

When and how not to use

  • Do not repeat metadata across different quotes.

Theming

The block quote uses colour to add subtle visual prominence.

To create your own theme, see theming guidance for designers or theming guidance for developers.


Propose a change to this page on GitHub.