tabPanel

tabPanel(title, ..., value = title, icon = NULL)

Arguments

title	Display title for tab
...	UI elements to include within the tab
value	The value that should be sent when tabsetPanel reports that this tab is selected. If omitted and tabsetPanel has an id, then the title will be used..
icon	Optional icon to appear on the tab. This attribute is only valid when using a tabPanel within a navbarPage.

Value

A tab that can be passed to tabsetPanel

Description

Create a tab panel that can be included within a tabsetPanel.

Examples

# Show a tabset that includes a plot, summary, and
# table view of the generated distribution
mainPanel(
  tabsetPanel(
    tabPanel("Plot", plotOutput("plot")),
    tabPanel("Summary", verbatimTextOutput("summary")),
    tabPanel("Table", tableOutput("table"))
  )
)
<div class="col-sm-8">
  <div class="tabbable">
    <ul class="nav nav-tabs" data-tabsetid="4919">
      <li class="active">
        <a href="#tab-4919-1" data-toggle="tab" data-value="Plot">Plot</a>
      </li>
      <li>
        <a href="#tab-4919-2" data-toggle="tab" data-value="Summary">Summary</a>
      </li>
      <li>
        <a href="#tab-4919-3" data-toggle="tab" data-value="Table">Table</a>
      </li>
    </ul>
    <div class="tab-content" data-tabsetid="4919">
      <div class="tab-pane active" data-value="Plot" id="tab-4919-1">
        <div id="plot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div>
      </div>
      <div class="tab-pane" data-value="Summary" id="tab-4919-2">
        <pre id="summary" class="shiny-text-output noplaceholder"></pre>
      </div>
      <div class="tab-pane" data-value="Table" id="tab-4919-3">
        <div id="table" class="shiny-html-output"></div>
      </div>
    </div>
  </div>
</div>

See also

tabsetPanel