Skip to content

Latest commit

 

History

History
48 lines (37 loc) · 1.8 KB

README.md

File metadata and controls

48 lines (37 loc) · 1.8 KB

Quote

This component represents a quote or testimontial, with optional attribution. The quote or testimonial is intended to be intermixed with copy and the quote is highlighted and called out.

Quotation marks are added automatically before the quote using decorative text.

The first paragraph in the attribution is bolded and a dash is added to indicate that this is an attribution.

This component should not contain a heading element.

Basic use

Example of full quote with linked attribution.

<il-quote>
  <blockquote>Either university presses will embrace new technology and offer scholarly content in new forms
    to researchers and under new business models, or they will follow the music industry and spend
    all of their resources on trying to protect their territory &mdash; unsuccessfully.</blockquote>
  <div slot="attribution">
    <p>Laura Cerruti</p>
    <p><a href="https://site.org">Director of Digital Content Development</a></p>
  </div>
</il-quote>

Example of full quote with only a name as attribution.

<il-quote>
  <blockquote>Either university presses will embrace new technology and offer scholarly content in new forms
    to researchers and under new business models, or they will follow the music industry and spend
    all of their resources on trying to protect their territory &mdash; unsuccessfully.</blockquote>
  <div slot="attribution">
    <p>Laura Cerruti</p>
  </div>
</il-quote>

Example of full quote with no attribution.

<il-quote>
  <blockquote>Either university presses will embrace new technology and offer scholarly content in new forms
    to researchers and under new business models, or they will follow the music industry and spend
    all of their resources on trying to protect their territory &mdash; unsuccessfully.</blockquote>
</il-quote>