Skip to main content

Images

The Blaze image component doubles up as a placeholder image if a specific source isn't provided.

The images are also lazy loaded once they come into view.

Images supplied by Unsplash.

<blaze-image alt="random placeholder image" user="erondu" width="1024" height="768" filter="mountains" likes></blaze-image>

Image attributes

AttributeDescription
src="<url>"URL to a specific image
alt="<alt text>"URL to a specific image
user="<username>"To choose a random photo from a specific user
filter="<search term>"To narrow the selection of a random photo by supply a list of comma-separated search terms
likes (boolean)Similar to finding a photo taken by a user, you can fetch a random photo that has been liked by a specific user
width="<number>"The width of the image to fetch
height="<number>"The height of the image to fetch

CSS

random placeholder image
<img alt="random placeholder image" class="o-image" src="https://source.unsplash.com/random" />