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