[Feature]: Image - Add built-in fade-in transition on load

[spenoff]

Area

React Components (@fluentui/react-components)

Describe the feature that you would like added

The v8 Image component had a built-in shouldFadeIn prop that provided a smooth opacity transition when the image finished loading. The v9 Image component has no equivalent -- it renders immediately at full opacity with no loading state transition.

Proposed solution: Add a shouldFadeIn prop (or fadeIn / transition prop) that, when enabled, automatically applies an opacity transition from 0 to 1 when the image finishes loading. This was a built-in behavior in v8 and should be straightforward to port.

Additional context

This is a very common pattern -- nearly every image-heavy page benefits from fade-in to avoid layout pop-in.

Have you discussed this feature with our team

smhigley

Validations

• Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.

Priority

Medium