tabPanel: Create a tab panel

Description Usage Arguments Value Functions See Also Examples

View source: R/bootstrap.R

Description

Create a tab panel

Usage

1
2
3
tabPanel(title, ..., value = title, icon = NULL)

tabPanelBody(value, ..., 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()

Functions

See Also

tabsetPanel()

Examples

1
2
3
4
5
6
7
8
9
# 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"))
  )
)

Example output

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

shiny documentation built on July 2, 2020, 12:43 a.m.