Blockquote¶

For quoting blocks of content from another source within your document. Quote and attribution are simple props.

Examples¶

Default, and with attribution — the sourced quote via a <figcaption>.

DefaultWith attribution

Usage

{% include 'bootstrap_components:blockquote' with {
  quote: 'The greatest glory in living lies not in never falling, but in rising every time we fall.',
} %}

Setting attribution wraps the blockquote in a <figure> and adds a <figcaption> footer. Add cite to also render a <cite> element naming the source work.

Usage

{% include 'bootstrap_components:blockquote' with {
  quote: 'The greatest glory in living lies not in never falling, but in rising every time we fall.',
  attribution: 'Someone famous',
  cite: 'Source Title',
} %}

Props¶

Prop	Type	Description	Example
`quote`	string	The quote text. Plain text.	`The greatest glory in living lies not in never falling, but in rising every time we fall.`
`attribution`	string	Who said it. Renders the blockquote footer when present.	`Someone famous`
`cite`	string	Optional source work title, rendered in a `<cite>` element, with or without an attribution.	`Source Title`