Для чего нужен глобальный атрибут slot в спецификации HTML?

monochromer Правильно ли я понимаю, что атрибутом slot выбираются элементы из для отображения на html странице? Не могли бы пояснить, что в вашем примере означают элемент и атрибут slot, я просто не очень в этом разбираюсь

В шаблоне компонента template элементами типа <slot name="slot-name"></slot> определяются места куда будет вставляться другая разметка или другие компоненты.

Дальше в примере и идет вставка такого контента. Здесь в атрибуте slot указывается имя слота, в который будет помещаться контент:

<ui-modal>
    <!-- ... -->
    <div slot="modal-body">
      <p>Modal body text goes here.</p>
    </div>
    <!-- ... -->
</ui-modal>

В другом месте я могу создать другой экземпляр компонента с другим содержимым

<ui-modal>
    <!-- ... -->
    <div slot="modal-body">
      <form>
       <input type="text" />
      </form>
    </div>
    <!-- ... -->
</ui-modal>

А вы ничего не путаете, по идее не в template вставляются, а из template?

Именно так я и написал - в шаблоне template слоты определяются, в других местах - используются.