R闪亮仪表板如何使用动画图标?

时间:2017-01-04 00:23:14

标签: r shiny shinydashboard

我是R的新手,我看到可以在该网页的信息中心动画一些图标:

http://fontawesome.io/examples/#animated

但我不明白我必须在哪里写下指定的CSS代码。

拜托,你能告诉我吗?

非常感谢。

2 个答案:

答案 0 :(得分:2)

您可以通过添加icon课程来简单地使用fa-spin功能。它应该适用于所有图标,但是微调器图标具有最佳视觉效果。

icon("refresh", class = "fa-spin")
# <i class="fa fa-refresh fa-spin"></i>
icon("spinner", class = "fa-spin")
# <i class="fa fa-spinner fa-spin"></i>

答案 1 :(得分:1)

您只需将renderUIhtmltools::HTMLuiOutput一起使用即可将HTML代码直接嵌入shiny应用中:

require("shinydashboard")
shinyApp(
  ui = dashboardPage(
    dashboardHeader(title = "Dashboard Demo"),
    dashboardSidebar(),
    dashboardBody(uiOutput("icon"))
  ),
  server = function(input, output) {
    output$icon <- renderUI(
      htmltools::HTML('<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span>')
    )
  }
)