Figure

Basic

{% component "Figure" %}
                {% component "FigureImage" src="https://placehold.net/600x400.png" alt="Figure image" / %}
                {% component "FigureCaption" %}A caption for the above image.{% endcomponent %}
            {% endcomponent %}

Preview:

Figure image
A caption for the above image.

Caption Right Aligned

{% component "Figure" %}
                {% component "FigureImage" src="https://placehold.net/600x400.png" alt="Figure image" / %}
                {% component "FigureCaption" %}A caption for the above image.{% endcomponent %}
            {% endcomponent %}

Preview:

Figure image
A caption for the above image.

Caption Center Aligned

{% component "Figure" %}
                {% component "FigureImage" src="https://placehold.net/600x400.png" alt="Figure image" / %}
                {% component "FigureCaption" %}A caption for the above image.{% endcomponent %}
            {% endcomponent %}

Preview:

Figure image
A caption for the above image.

Without Rounded

{% component "Figure" %}
                {% component "FigureImage" src="https://placehold.net/600x400.png" alt="Figure image" / %}
                {% component "FigureCaption" %}A caption for the above image.{% endcomponent %}
            {% endcomponent %}

Preview:

Figure image
A caption for the above image.

Not Fluid

{% component "Figure" %}
                {% component "FigureImage" src="https://placehold.net/600x400.png" alt="Figure image" fluid=False / %}
                {% component "FigureCaption" %}A caption for the above image.{% endcomponent %}
            {% endcomponent %}

Preview:

Figure image
A caption for the above image.