\n\nВторой сценарий — основа собственной UI-библиотеки. Через наследование создаются новые элементы с заданными стилями и, возможно, дополнительными свойствами и методами. Затем они регистрируются как новые пользовательские элементы.\n\nimport Switch from 'slab-elements/switch.js';\nimport tokens from './tokens.css' \n with { type: 'css' };\nimport styles from './switch.css' \n with { type: 'css' };\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-switch': UIKitSwitch;\n }\n}\n\nexport default class UISwitch extends Switch {\n static override styles = [tokens, styles];\n \n /* ... */\n}\n\ncustomElements.define('ui-switch', UISwitch);\n\nВ этом Slab похож на другой проект — Lion, который уже давно существует и также предоставляет headless компоненты. Судя по редизайну сайта, Lion, похоже, готовится к релизу новой версии. Когда это случится, Lion и Slab будут прямыми конкурентами.\n\nЧто касается Slab, то библиотека ещё в стадии активной разработки. Стоит за ней посматривать, может выйти неплохой источник headless компонентов, которые работают везде.\n\n#html #css #js","datePublished":"2026-10-23T15:20:05Z","dateModified":"2026-10-23T15:20:05Z","author":{"@type":"Organization","name":"","url":"https://telemetr.io/en/channels/2051162022-alexnozer_dev","image":"https://img.telemetr.io/c/2eOsWq/5469811301984360115?ty=x"},"publisher":{"@type":"Organization","name":"","url":"https://telemetr.io/en/channels/2051162022-alexnozer_dev","image":"https://img.telemetr.io/c/2eOsWq/5469811301984360115?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":353},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12}]}},{"@type":"ListItem","position":3,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/2051162022-alexnozer_dev/posts/420","url":"https://telemetr.io/en/channels/2051162022-alexnozer_dev/posts/420","mainEntityOfPage":"https://telemetr.io/en/channels/2051162022-alexnozer_dev/posts/420","headline":"Почему в HTML нет include? Джейк Арчибальд озадачен вопросом: почему в HTML нет механизма включений? В CSS ес…","articleBody":"Почему в HTML нет include?\n\nДжейк Арчибальд озадачен вопросом: почему в HTML нет механизма включений? В CSS есть директива @import, в JS есть ES-модули. Все текущие решения ограничены или зависят от сторонних инструментов.\n\nНе только Джейк озадачен этим. Вопрос периодически всплывает в разных местах. Многие разработчики хотели бы включать повторяющиеся фрагменты HTML простым способом и не полагаться на инструменты и хаки для такой фундаментальной функции.\n\nБазовый принцип DRY: при разработке сайта вынести шапку, подвал и некоторые разделы в отдельные файлы и вставлять их в нужных местах. HTML ничего не даёт для решения этой задачи и разработчики вынуждены прибегать к инструментам.\n\nКакие решения есть сегодня:\n\n- Элементы \n\n\n\n\n

Доставка

\n \n \n \n\n\n\n\n

О нас

\n \n \n \n\n\nВ качестве виджетов можно встроить