tabsetPanel

tabsetPanel(..., id = NULL, selected = NULL, type = c("tabs", "pills"),
  position = c("above", "below", "left", "right"))

Arguments

...	tabPanel elements to include in the tabset
id	If provided, you can use input$id in your server logic to determine which of the current tabs is active. The value will correspond to the value argument that is passed to tabPanel.
selected	The value (or, if none was supplied, the title) of the tab that should be selected by default. If NULL, the first tab will be selected.
type	Use "tabs" for the standard look; Use "pills" for a more plain look where tabs are selected using a background fill color.
position	The position of the tabs relative to the content. Valid values are "above", "below", "left", and "right" (defaults to "above"). Note that the position argument is not valid when type is "pill".

Value

A tabset that can be passed to mainPanel

Description

Create a tabset that contains tabPanel elements. Tabsets are useful for dividing output into multiple independently viewable sections.

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 tabs-above">
    <ul class="nav nav-tabs">
      <li class="active">
        <a href="#tab-8750-1" data-toggle="tab" data-value="Plot">Plot</a>
      </li>
      <li>
        <a href="#tab-8750-2" data-toggle="tab" data-value="Summary">Summary</a>
      </li>
      <li>
        <a href="#tab-8750-3" data-toggle="tab" data-value="Table">Table</a>
      </li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane active" data-value="Plot" id="tab-8750-1">
        <div id="plot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div>
      </div>
      <div class="tab-pane" data-value="Summary" id="tab-8750-2">
        <pre id="summary" class="shiny-text-output"></pre>
      </div>
      <div class="tab-pane" data-value="Table" id="tab-8750-3">
        <div id="table" class="shiny-html-output"></div>
      </div>
    </div>
  </div>
</div>

See also

tabPanel, updateTabsetPanel