Правильный способ рендеринга изображения внутри веб-компонента Carbon Design SystemCSS

Разбираемся в CSS
Гость
Правильный способ рендеринга изображения внутри веб-компонента Carbon Design System

Сообщение Гость »


Следует документации по оболочке пользовательского интерфейса в Carbon Design System.

В приведенном примере в глобальном заголовке отображается следующее:


Изображение


Я хочу заменить текст «IBM [Платформа]» логотипом.

Код веб-компонентов, приведенный в документации,

[Платформа] // ... Я могу удалить часть prefix="IBM", чтобы остановить ее вывод. Если я заменю строку «[Platform]» на
Изображение
, она ничего не отобразит на своем месте:


Изображение


Если я полностью удалю ... и добавлю изображение как дочерний элемент например


Изображение
// ... Он отобразит логотип, но, конечно, стили отступов и положения не будут применены, поэтому он появится в нечетном месте.

В любом случае я не думаю, что это правильный способ сделать это. Но в документации нет примеров использования изображения вместо этого текста.

Я понимаю, что код веб-компонентов отображается внутри теневого корня. Нужно ли мне добавлять изображение через JS, а не пытаться использовать в шаблоне обычный HTML-тег ?

Я новичок в использовании Carbon и до сих пор особо не пользовался веб-компонентами.

Вернуться в «CSS»