# 🤗 Заголовок пространства Hugging Face

Обёртка на Typescript для функции `mini_header` в Space.

![space header preview](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/space-header-package/thumbnail.png)

## Установка

```console
pnpm add @huggingface/space-header

npm add @huggingface/space-header

yarn add @huggingface/space-header
```

### Deno

```ts
// esm.sh
import { init } from "https://esm.sh/@huggingface/space-header"
// or npm:
import { init } from "npm:@huggingface/space-header"
```

### Инициализация
```ts
import { init } from "@huggingface/space-header";

// ...

init(":user/:spaceId");
// init("enzostvs/lora-studio") for example
```
❗Важное примечание: метод `init` должен вызываться на стороне клиента.

## Использование

Использует параметр `target` для вставки space-header в другой элемент DOM

```ts
const app = document.getElementById("app");

// ...

init(":user/:spaceId", {
  target: app
});
```

Если у вас уже есть данные пространства, вы также можете передать их в качестве параметра, чтобы избежать запроса

```ts
init(space);

// space = {
//  id: string;
//  likes: number;
//  author: string;
// }
```