You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In order to create demos for image-related components in Storybook, we'd like to create a new component responsible for loading and rendering an image of a specified height and width. It would also be nice to support blurred images, for example, to demonstrate components that lazy-load images.
After reviewing a few possible placeholder image services, the following seem to satisfy our requirements:
Thanks for volunteering @ael-mas! One thing I want to note before you get started is to try to avoid using any of the legacy lifecycle methods when updating the image, handling prop changes, etc.
Description
In order to create demos for image-related components in Storybook, we'd like to create a new component responsible for loading and rendering an image of a specified height and width. It would also be nice to support blurred images, for example, to demonstrate components that lazy-load images.
After reviewing a few possible placeholder image services, the following seem to satisfy our requirements:
Requirements
blur
height
andwidth
props to specify pixel dimensions of imageheight
,width
, orblur
props change (not on every component update)The text was updated successfully, but these errors were encountered: