如何在Quarto中添加flexdashboard样式的valueBox？

Question

我有一个四开 qmd 文件，其中包含以下代码来显示 valueBox。

---
title: "My Dashboard"
output: 
  flexdashboard::flex_dashboard:
  orientation: rows
---

```{r setup, include=FALSE}
library(dygraphs)
library(flexdashboard)
```

### Data

```{r}
valueBox("42", color = "yellow", icon = "fa-calendar", caption = "cases of soda")
```

---

代码呈现如下，未创建 valueBox。

---

关于如何像下面在 rmd 文件中那样渲染 valueBox 有什么想法吗？

Answer 1

valuebox从四开本 1.4.451 开始可用。在一行内包括第二列的第二代码块。实现提供了对引导程序图标的访问。

添加到四开文档，如下所示：

---
title: "My Dashboard"
format: dashboard
---

Figure Sizes

```{r}
#| component: valuebox
#| title: "cases of soda"

list(
  icon = "calendar",
  color = "yellow",
  value = 42
)

```

```{r}
#| component: valuebox
#| title: "cases of soda"
list(
  icon = "calendar",
  color = "yellow",
  value = 42
)
```