R Shiny 应用程序：shiny.fluent::Text 内的粗体文本（Microsoft Fluent 设计）

Question

非常简单的问题：如何设置传递给

shiny.fluent::Text

函数的文本以呈现粗体？更一般地说，如何将样式选项传递给此函数？

函数的帮助页面里写着

您可以指定变体属性以将字体样式应用于文本。此变体从页面上加载的 Fluent UI React 主题中提取。

但我不明白如何使用这个

variant

参数。

我尝试在不同的地方设置

class=ms-fontWeight-bold

并使用

variant

参数，但我发现没有任何效果...

抱歉，肯定是新手的问题，但我是 Fluent 的新手，我发现

shiny.fluent

包的文档记录很差（也许是因为我太缺乏经验......）...

预先感谢您的帮助

可重现的示例：

library(shiny)
library(shiny.fluent)


ui <- fluentPage(
  tags$style(".card { padding: 28px; margin-bottom: 28px; }"),
  uiOutput("analysis")
)
server <- function(input, output, session) {
  output$analysis <- renderUI({
    Stack(
      horizontal = TRUE,
      tokens = list(childrenGap = 10),
      div(
        # << how can I set this text to be large ??????????????????
        Text("Test", variant="large")# , class = "ms-fontWeight-bold" ### does not work
      )
    )
  })
}
shinyApp(ui, server)

Answer 1

您可以使用所需的类将要显示的文本包装在

div

中：

library(shiny)
library(shiny.fluent)


ui <- fluentPage(
  tags$style(".card { padding: 28px; margin-bottom: 28px; }"),
  uiOutput("analysis")
)
server <- function(input, output, session) {
  output$analysis <- renderUI({
    Stack(
      horizontal = TRUE,
      tokens = list(childrenGap = 10),
      div(
        Text(
          "Test",
          variant = "large"
        )
      ),
      div(
        Text(
          div(
            class = "ms-fontWeight-bold",
            "Test"
          ),
          variant = "large"
        )
      )
    )
  })
}
shinyApp(ui, server)