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.