tabsetPanel
tabsetPanel(..., id = NULL, selected = NULL, type = c("tabs", "pills"),
position = NULL)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 | This argument is deprecated; it has been discontinued in Bootstrap 3. |
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">
<ul class="nav nav-tabs">
<li class="active">
<a href="#tab-2700-1" data-toggle="tab" data-value="Plot">Plot</a>
</li>
<li>
<a href="#tab-2700-2" data-toggle="tab" data-value="Summary">Summary</a>
</li>
<li>
<a href="#tab-2700-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-2700-1">
<div id="plot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div>
</div>
<div class="tab-pane" data-value="Summary" id="tab-2700-2">
<pre id="summary" class="shiny-text-output noplaceholder"></pre>
</div>
<div class="tab-pane" data-value="Table" id="tab-2700-3">
<div id="table" class="shiny-html-output"></div>
</div>
</div>
</div>
</div>