# Componentes do Model Card

Os **Componentes de Model Card** são elementos especiais que você pode injetar diretamente no markdown do seu Model Card para exibir componentes personalizados avançados na página do seu modelo. Esses componentes são criados por nós; sinta-se à vontade para compartilhar ideias sobre novos componentes de Model Card em [esta discussão](https://huggingface.co/spaces/huggingface/HuggingDiscussions/discussions/17).

## O componente Gallery

O componente `<Gallery />` pode ser usado no seu cartão de modelo para exibir as imagens e vídeos gerados.

### Como usá-lo?

1. Atualize os [metadados do widget](/docs/hub/models-widgets-examples#text-to-image) do seu Model Card para adicionar a mídia que deseja exibir.

```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. Adicione o componente `<Gallery />` ao seu card. Os metadados do widget serão usados pelo componente `<Gallery />` para exibir a mídia com cada prompt associado.
```md

<Gallery />

## Model description

A very classic hand drawn cartoon style.

```

Veja o resultado [aqui](https://huggingface.co/alvdansen/littletinies#little-tinies).

> Dica: Suporte a Componentes de Cartão por meio do editor de GUI em breve...