components icon

Blockquote

A blockquote is a quotation with a citation, designed to be offset from the main text on a page.

Status

PublishedElement can be used in production
Adobe XD
Adobe XD Kit
In backlogElement is in backlog
PublishedElement can be used in production
ExperimentalElement offered for testing and feedback. Not intended for use in production.
React
React
In backlogElement is in backlog
Angular
Angular
In backlogElement is in backlog
Documentation
PublishedElement can be used in production

What's new

Blockquote is a new component. It’s been designed using the new foundations, which include an updated font ramp and color palette.

Anatomy

The parts of the blockquote, labeled 1 and 2.

This component consists of two primary elements: the quote text and the citation source field.

  1. Quote text: the quotation.
  2. Citation field: the quote’s source.

Feedback