diff --git a/docs/hub/model-cards-components.md b/docs/hub/model-cards-components.md index 664b246d9..787c6096f 100644 --- a/docs/hub/model-cards-components.md +++ b/docs/hub/model-cards-components.md @@ -4,26 +4,11 @@ ## The Gallery component -Add the `` component to your text-to-image model card to showcase your images generation. +The `` component can be used in your model card to showcase your generated images and videos. -For example, -```md - - - -## Model description - -TintinIA is fine-tuned version of Stable-Diffusion-xl trained on 125 comics panels from Tintin album. - -``` - - -
- - -
+### How to use it? -The `` component will use your Model Card [widget metadata](/docs/hub/models-widgets-examples#text-to-image) to display the images with each associated prompt. +1. Update your Model Card [widget metadata](/docs/hub/models-widgets-examples#text-to-image) to add the media you want to showcase. ```yaml widget: @@ -40,4 +25,20 @@ widget: url: "images/office.png" ``` +2. Add the `` component to your card. The widget metadata will be used by the `` component to display the media with each associated prompt. +```md + + + +## Model description + +TintinIA is fine-tuned version of Stable-Diffusion-xl trained on 125 comics panels from Tintin album. + +``` + +
+ + +
+ > Hint: Support of Card Components through the GUI editor coming soon...