Blockquote (blockquote)

For quoting blocks of content from another source within your document.

🔗 External documentation.

ID Label Description Schema
content Content The quote
footer Footer For identifying the source. Wrap the name of the source work in <cite>.
            id: blockquote
label: Blockquote
description: 'For quoting blocks of content from another source within your document. '
homepage: 'https://getbootstrap.com/docs/4.6/content/typography/#blockquotes'
slots:
    content:
        id: content
        label: Content
        description: 'The quote'
    footer:
        id: footer
        label: Footer
        description: 'For identifying the source. Wrap the name of the source work in <cite>.'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': blockquote
            content:
                '@element': p
                '@content': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.'
                '@styles':
                    - mb-0
            footer:
                -
                    '@element': span
                    '@content': 'Someone famous in '
                -
                    '@element': cite
                    '@content': 'Source Title'
                    title: 'Source Title'

          

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
<blockquote class="blockquote"> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <footer class="blockquote-footer"> <span>Someone famous in </span> <cite title="Source Title">Source Title</cite> </footer> </blockquote>