定制 CSS 在 shiny 盒子里

Question

我正在嘗試創建一個box ，其中包含左上角的標題和右上角的小圖標。 HTML看起來像這樣：

<div class="box-header">
  <h3 class="box-title">TOTAL DAY</h3>
  <img class="box-title" src="https://www.gravatar.com/avatar/4ab40c688a7362255373fc5f185b9698?s=48&amp;d=identicon&amp;r=PG&amp;f=1">
</div>

具有以下css更改：

.box-header .box-title{
  width: 50%;
  float: left;
}

img{
  object-fit: contain;
  object-position: right;
  height: 2vh;
}

結果看起來像這樣：

添加css很容易，但是有沒有辦法在shiny中添加這樣的<img> ？

Answer 1

有點解決了我自己的問題..哎呀

我在box function 中使用了這個：

title = HTML("<h3 class=box-title>TOTAL DAY</h3><img class=box-title src=https://www.gravatar.com/avatar/4ab40c688a7362255373fc5f185b9698?s=48&d=identicon&r=PG&f=1></img>")

將HTML包裝在HTML() function 中允許shiny讀取HTML作為代碼而不是字符