Как применять Slot в Web компоненте

Slots позволяют вставлять контент в шаблон веб-компонента, сохраняя структуру DOM. Основные виды: 1. **Default slot** - принимает любой контент без имени: ```html

Это попадет в default slot

``` 2. **Named slots** - контент распределяется по имени: ```html

Заголовок

Подвал

``` 3. **Fallback content** - контент по умолчанию, если слот пуст: ```html Резервный контент ``` Важно: слоты не создают Shadow DOM, а лишь указывают куда вставлять контент. Стили родителя могут проникать в слоты, если не использовать `:host`.