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

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

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


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

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


Изображение


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

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

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


Изображение


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


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

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

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

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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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