Overview

Purpose

The Blockquote component is used to style and present quoted text in a visually distinct and consistent manner.

Anatomy

The Blockquote component can be broken down into the following elements -

1. Quotation
   The stylised content area for quotation.

2. Citation (optional)
   Attribute the author. This is optional if you use a logo.

3. Logo (optional)
   Image supporting the Citation. This is optional if you have a citation.

4. Rating (optional)
   A star rating can be included instead of a logo.

Variants & States

• Appearance: Default, Light
• Citation: on/off
• Logo: on/off
• Rating: on/off

Blockquotes need some sort of reference, this can either be a company logo or a citation (or both). The Blockquote can feature one visual, either the logo or a star rating. Blockquotes are available for light and dark backgrounds.