Figure (figure)

Anytime you need to display a piece of content—like an image with an optional caption, consider using figure.

🔗 External documentation.

ID	Label	Description	Schema
image	Image	Figure image
caption	Caption	A caption under the image.

            id: figure
label: Figure
description: 'Anytime you need to display a piece of content—like an image with an optional caption, consider using figure. '
homepage: 'https://getbootstrap.com/docs/4.6/content/figures/'
slots:
    image:
        id: image
        label: Image
        description: 'Figure image'
    caption:
        id: caption
        label: Caption
        description: 'A caption under the image.'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': figure
            image:
                '@element': img
                src: 'https://data.dilla.io/bootstrap_4/assets/figure-image.png'
            caption: 'A caption for the above image.'