# Componentes de la tarjeta de modelo

Los **componentes de Model Card** son elementos especiales que puedes insertar directamente en el markdown de tu Model Card para mostrar componentes personalizados potentes en la página de tu modelo. Estos componentes son creados por nosotros; siéntete libre de compartir ideas sobre nuevos componentes de Model Card en [esta discusión](https://huggingface.co/spaces/huggingface/HuggingDiscussions/discussions/17).

## El componente Gallery

El componente `<Gallery />` se puede usar en tu tarjeta de modelo para mostrar las imágenes y videos que hayas generado.

### ¿Cómo se usa?

1. Actualiza los [metadatos del widget](/docs/hub/models-widgets-examples#text-to-image) de tu Model Card para agregar los medios que deseas mostrar.

```yaml
widget:
  - text: a girl wandering through the forest
    output:
      url: images/6CD03C101B7F6545EB60E9F48D60B8B3C2D31D42D20F8B7B9B149DD0C646C0C2.jpeg
  - text: a tiny witch child
    output:
      url: images/7B482E1FDB39DA5A102B9CD041F4A2902A8395B3835105C736C5AD9C1D905157.jpeg
  - text: an artist leaning over to draw something
    output:
      url: images/7CCEA11F1B74C8D8992C47C1C5DEA9BD6F75940B380E9E6EC7D01D85863AF718.jpeg
```

2. Agrega el componente `<Gallery />` a tu tarjeta. Los metadatos del widget se usarán en el componente `<Gallery />` para mostrar los medios con su prompt asociado.
```md

<Gallery />

## Model description

A very classic hand drawn cartoon style.

```

Vea el resultado [aquí](https://huggingface.co/alvdansen/littletinies#little-tinies).

> Sugerencia: El soporte de componentes de tarjetas a través del editor de GUI llegará pronto...