Console/Быстрый старт
Origin status
GUIDE / 01

Быстрый старт

От скопированного URL до работающего скрипта.

1. Откройте библиотеку

В каталоге выберите пакет, затем точную версию и формат файла. Для обычного тега script используйте UMD-сборку .min.js; для import — файл .esm.mjs. CSS подключается тегом link.

2. Скопируйте код подключения

Этот пример использует настоящий путь текущей установки. Скрипт подключается перед кодом, который обращается к его глобальному объекту.

HTML

3. Подключите стили

Компоненты UI Core имеют префикс sc-. Они не заменяют ваши глобальные стили.

HTML

ES-модули

Современный импорт не создаёт глобальные переменные. Сервер должен отдавать .mjs с JavaScript MIME-типом; при загрузке с другого origin требуется CORS.

HTML / ES MODULE

Проверка в браузере

Откройте DevTools → Network. Убедитесь, что CSS/JS получают успешный HTTP-ответ, не перенаправляются на страницу входа и не возвращают HTML вместо файла. Затем откройте песочницу и страницу статуса.

Обновление версии

Поменяйте номер в URL и обновите integrity по новому файлу. Не заменяйте содержимое старой версии: это нарушит совместимость и проверку SRI. Указанная версия всегда должна ссылаться на те же байты.

Пакет для локального проекта

Скачайте ZIP из /packages/ и распакуйте. Внутри находятся dist/, package.json, README.md и LICENSE.txt. Подключите dist-файлы напрямую или используйте папку как локальную зависимость. Сам сайт не является npm registry.

Найти в STATIC

Поиск выполняется локально Esc