Styling API

You can use the following properties to style Image with Tailwind:

PropertyDescription
classClass for the <figure> element
imageClassClass for the <img> element
captionClassClass for the <figcaption> element

Functionality API

You can use these properties to adjust the Image’s output.

PropertyTypeDescription
srcstringSource of the image. This should be an absolute url from your project root.
altstringAlt text
captionstringCaption text
formatsarrayImage formats to create and optimize for.
widthsarraysrcset sizes to create and optimize for.