# 모델 카드 구성 요소

**Model Card Components**는 모델 카드 마크다운에 직접 삽입하여 모델 페이지에서 강력한 커스텀 컴포넌트를 표시할 수 있는 특수 요소입니다. 이러한 컴포넌트는 저희가 작성하며, 새로운 Model Card 컴포넌트에 대한 아이디어를 [이 토론](https://huggingface.co/spaces/huggingface/HuggingDiscussions/discussions/17)에서 자유롭게 공유해 주세요.

## Gallery 컴포넌트

`<Gallery />` 컴포넌트는 모델 카드에서 생성한 이미지와 비디오를 보여줄 때 사용할 수 있습니다.

### 사용 방법은 무엇인가요?

1. 쇼케이스로 표시할 미디어를 추가하려면 [widget metadata](/docs/hub/models-widgets-examples#text-to-image)를 업데이트하여 Model Card를 수정하세요.

```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. 카드에 `<Gallery />` 컴포넌트를 추가합니다. 위젯 메타데이터는 `<Gallery />` 컴포넌트에 의해 각 미디어와 연관된 프롬프트를 표시하는 데 사용됩니다.
```md

<Gallery />

## Model description

A very classic hand drawn cartoon style.

```

결과를 [여기](https://huggingface.co/alvdansen/littletinies#little-tinies)에서 확인하세요.

> 힌트: GUI 편집기를 통한 Card Components 지원이 곧 제공됩니다...