{{ cms_quote(name, { value: '...', cite: '...', class: '...' }) }}
| Argument | Description | Data Type |
|---|---|---|
name | The element identifier | String |
value (optional) | The text content of the quotation | String |
cite (optional) | Reference information for the quote (author, source, etc.) | String |
class (optional) | A space-separated list of CSS classes to style the quote component | String |
The class variable is only accessible in the code. All other variables are available in the Canopy editor.
Quote component template
<blockquote class={{ class }}>
<p>{{ value }}</p>
<footer>
<cite>{{ cite }}</cite>
</footer>
</blockquote>
Rendered HTML output
<blockquote class="bg-pink">
"There's no place like home."
<footer>
<cite>"Dorothy"</cite>
</footer>
</blockquote>
Example
{{ cms_quote('myquote', { value: "I'll be back.", cite: 'Terminator', class: 'text-lg italic text-gray-600' }) }}