Figure

You can use the element <Figure> for an image with a caption. You can also add contain, cover = true | false, align = left | center | right

<script>
    import { Figure } from 'svelte-spectre';
</script>

<Figure
    src="{base}/img/04696e1a-eb5d-43b9-bb1d-d2ee117f4430.webp"
    alt="Stable Diffusion Neural Art"
    cover
>
    img-fit-cover
</Figure>
Stable Diffusion Neural Art
Stable Diffusion Neural Art
img-fit-contain
Stable Diffusion Neural Art
img-fit-cover
© 2022 — 2023 BASF SE

API Figure

contain: Boolean
Image size(img-fit-contain)
 true | false
cover: Boolean
Image size(img-fit-cover)
 true | false
align: Align = "left"
Text position
 left | center | right