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...