Image

{% component "Image" src="https://placehold.net/600x400.png" alt="Responsive image" fluid=True / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Thumbnail image" thumbnail=True / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Rounded image" rounded=True / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Circle image" rounded_circle=True / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Float start image" rounded=True / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Float end image" rounded=True / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Centered image" rounded=True attrs:class="mx-auto d-block" / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Fluid thumbnail" fluid=True thumbnail=True / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Fluid rounded image" fluid=True rounded=True / %}

{% component "Image" src="https://placehold.net/600x400.png" alt="Custom image" attrs:width="200" / %}

{% component "Image" src="https://placehold.net/600x400.png" / %}