The blockquotes component is used to capture users' attention of an excerpt, testimonial, or a quote cited from the article or other sources. The design style makes the quoted section more distinguishable than the rest of the content in the web page.
Anatomy
- mandatory
- optional
| Elements | Mandatory | Description |
|---|---|---|
| quote | yes | actual quote |
| source | yes | source which is being quoted |
Do's
- always name the source of the quoted content
- limit the quote to one paragraph, keep it short
Don'ts
- do not apply the blockquotes components more than 2 times in a webpage
When to use
- for quoting something important
When not to use
- for the purpose of emphasising text style