[Widget docs] Add screenshots for examples outputs

[mishig25]

Follow up to this comment, #978

[HuggingFaceDocBuilderDev]

The documentation is not available anymore as the PR was closed or merged.

[julien-c]

ah i meant more like a screenshot of the gallery inside model card

[mishig25]

ah i meant more like a screenshot of the gallery inside model card

Are you referring to <Gallery> component @krampstudio developing inside moon ? If that is the case, I think this PR (adding images for widget outputs) doesn't hurt and we still have the todo

hub-docs/docs/hub/models-widgets.md

Lines 147 to 149 in e24c7e1

	We can also surface the example outputs in the Hugging Face UI, for instance, for a text-to-image model to display a gallery of cool image generations.
	<!-- todo(add a screenshot) -->

or do you mean that we should update the text2img widget to have gallery like view?

[julien-c]

Are you referring to <Gallery> component @krampstudio developing inside moon ? If that is the case, I think this PR (adding images for widget outputs) doesn't hurt and we still have the todo

yes, but just a mockup we already have

[julien-c]

^this is supposed to be text-classification

^this is supposed to be ASR

[mishig25]

Fixed them with #1078

Initially, I wanted to have screenshots that only share output (not the input) with the code blocks above the screenshots to show users all kinds of different widget types. But I see that it can be quite confusing

Updated ss

https://huggingface.co/docs/hub/models-widgets#example-outputs

[mishig25]

regarding this comment, added screenshot from figma spec as well in #1079

https://huggingface.co/docs/hub/models-widgets#example-outputs

[julien-c]

yes, looks good^