> For the complete documentation index, see [llms.txt](https://d-ukolov.gitbook.io/vue/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://d-ukolov.gitbook.io/vue/komponenty/sloty/soderzhimoe-slota-po-umolchaniyu.md).

# Содержимое слота по умолчанию

Бывает полезным указать запасное содержимое слота (т.е. по умолчанию), которое будет отображаться только тогда, когда ничего не передавалось в слот. Например, в компоненте `<submit-button>`:

```markup
<button type="submit">
  <slot></slot>
</button>
```

Было бы удобно если текст «Отправить» отображался внутри `<button>` большую часть времени. Чтобы сделать «Отправить» в качестве содержимого по умолчанию, необходимо поместить его между тегами `<slot>`:

```markup
<button type="submit">
  <slot>Отправить</slot>
</button>
```

Теперь, при использовании `<submit-button>` в родительском компоненте и не указывая содержимое для слота:

```markup
<submit-button></submit-button>
```

отобразится содержимое по умолчанию — «Отправить»:

```markup
<button type="submit">
  Отправить
</button>
```

Но если указать содержимое:

```markup
<submit-button>
  Сохранить
</submit-button>
```

Тогда оно будет использовано для отображения:

```markup
<button type="submit">
  Сохранить
</button>
```