Custom Elements Collection: 147 компонентов двумя строками через CDN
kapin 8 минут назад Custom Elements Collection: 147 компонентов двумя строками через CDN Простой 6 мин 185 HTML * htmx * Туториал Из песочницы Custom Elements Collection — библиотека компонентов, которая подключается...
В сфере искусственного интеллекта произошло заметное событие. kapin 8 минут назад Custom Elements Collection: 147 компонентов двумя строками через CDN Простой 6 мин 185 HTML * htmx * Туториал Из песочницы Custom Elements Collection — библиотека компонентов, которая подключается двумя строками в : один с темой и один light. css - convenience-таблица светлой темы. Внутри - @import базового tokens.
css (--ce-color-*, --ce-space-*, --ce-radius-*, --ce-text-*), переопределение :root под светлую палитру и color-scheme: light. Аналогично есть dark. css напрямую - с ручным переключением через data-ce-theme="…".
Технические детали
js - entry-point с автоматической регистрацией всех 147 тегов в customElements. com раздаёт содержимое npm-пакетов как статику. Версия фиксируется через @ - unpkg.
com/custom-elements-collection@0. js; без указания версии тянется latest. Для прода версию имеет смысл закрепить.
Первый Добавляем в : Custom Elements Collection подключена через CDN, сборка не требуется. Сохраняем, обновляем браузер — на странице зелёная панель с заголовком, акцент-полосой слева и телом. Это «admonition»-блок.
Отраслевые последствия
Атрибуты ce-callout по meta. json:type — тон: info (по умолчанию), success, warn, danger, neutral. title — необязательный заголовок жирным.
Тело — обычный children-контент в unnamed-slot. Внутрь можно класть ссылки, абзацы, списки. Композиция: + Заменяем содержимое на hero-блок со встроенными KPI: Custom Elements Collection подключена через CDN, сборка не требуется.
принимает строковые атрибуты kicker (надстрочный лейбл), title и lede (подзаголовок). Это страничный header-блок с радиальным градиентом; атрибут flat градиент отключает. Атрибуты: value (крупное значение), label (мелкий лейбл), color (neutral | green | red | amber | blue | purple | cyan), trend (строка вида +12% или -3ms с автоматической расцветкой по знаку).
Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.
