title: How to put an icon to the title of an input widget in Shiny and Shiny dashboard
body: <p>Is it possible to add an icon to the title of an input widget in Shiny and Shiny and Shiny dashboard? Below is an example. I want to add an icon to each input widget to indicate if it is a numeric input (using a bar-chart icon) or a text input (using a font icon). For now, I am using two columns. One with <code>width = 1</code> for the icon, and the other is for the input widget. It would be great if I can add the icon to the title directly. Please let me know if there are ways to achieve this.</p>
  
  <pre><code>library(shiny)
  library(shinydashboard)
  
  header &lt;- dashboardHeader(
    title = "Icon Example"
  )
  
  sidebar &lt;- dashboardSidebar(
    sidebarMenu(
      menuItem(
        text = "Input",
        tabName = "Input"
      )
    )
  )
  
  body &lt;- dashboardBody(
    tabItem(
      tabName = "Input",
      fluidRow(
        column(
          width = 6,
          box(
            status = "primary", solidHeader = TRUE,
            width = 12,
            title = "Box 1",
            fluidRow(
              column(width = 1,
                     tags$div(HTML('&lt;i class="fa fa-bar-chart" style = "color:#0072B2;"&gt;&lt;/i&gt;'))
              ),
              column(width = 11,
                     numericInput(inputId = "Num", label = "This is a numeric input", value = 1000))
            ),
            fluidRow(
              column(width = 1,
                     tags$div(HTML('&lt;i class="fa fa-font" style = "color:#D55E00;"&gt;&lt;/i&gt;'))
              ),
              column(width = 11,
                     textInput(inputId = "Text", label = "This is a text input")
              )
            )
          )
        )
      )
    )
  )
  
  # User Interface
  ui &lt;- dashboardPage(
    header = header,
    sidebar = sidebar,
    body = body
  )
  
  # Server logic
  server &lt;- function(input, output, session){}
  
  # Complete app with UI and server components
  shinyApp(ui, server)
  </code></pre>
  
  <p>Here is a screenshot of my code example. I would like to have the beginning of the input field aligned with the icon (as indicated by the red arrows). In other words, I hope the icon can be part of the title of the input widget.</p>
  
  <p><a href="https://i.stack.imgur.com/InI3Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/InI3Q.png" alt="enter image description here"></a></p>