EVOLUTION-MANAGER

Edit File: navs.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>R: Navigation containers</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="R.css" />
</head><body>

<table width="100%" summary="page for navs_tab {bslib}"><tr><td>navs_tab {bslib}</td><td style="text-align: right;">R Documentation</td></tr></table>

<h2>Navigation containers</h2>

<h3>Description</h3>

<p>Render a collection of <code><a href="nav.html">nav()</a></code> items into a container.
</p>

<h3>Usage</h3>

<pre>
navs_tab(..., id = NULL, selected = NULL, header = NULL, footer = NULL)

navs_pill(..., id = NULL, selected = NULL, header = NULL, footer = NULL)

navs_pill_list(
  ...,
  id = NULL,
  selected = NULL,
  header = NULL,
  footer = NULL,
  well = TRUE,
  fluid = TRUE,
  widths = c(4, 8)
)

navs_hidden(..., id = NULL, selected = NULL, header = NULL, footer = NULL)

navs_bar(
  ...,
  title = NULL,
  id = NULL,
  selected = NULL,
  position = c("static-top", "fixed-top", "fixed-bottom"),
  header = NULL,
  footer = NULL,
  bg = NULL,
  inverse = "auto",
  collapsible = TRUE,
  fluid = TRUE
)

navs_tab_card(..., id = NULL, selected = NULL, header = NULL, footer = NULL)

navs_pill_card(
  ...,
  id = NULL,
  selected = NULL,
  header = NULL,
  footer = NULL,
  placement = c("above", "below")
)
</pre>

<h3>Arguments</h3>

<table summary="R argblock">
<tr valign="top"><td><code>...</code></td>
<td>
<p>a collection of <code><a href="nav.html">nav()</a></code> items.</p>
</td></tr>
<tr valign="top"><td><code>id</code></td>
<td>
<p>a character string used for dynamically updating the container (see <code><a href="nav_select.html">nav_select()</a></code>).</p>
</td></tr>
<tr valign="top"><td><code>selected</code></td>
<td>
<p>a character string matching the <code>value</code> of a particular <code><a href="nav.html">nav()</a></code> item to selected by default.</p>
</td></tr>
<tr valign="top"><td><code>header</code></td>
<td>
<p>UI element(s) (<a href="../../highcharter/html/highcharter-exports.html">tags</a>) to display <em>above</em> the nav content.</p>
</td></tr>
<tr valign="top"><td><code>footer</code></td>
<td>
<p>UI element(s) (<a href="../../highcharter/html/highcharter-exports.html">tags</a>) to display <em>below</em> the nav content.</p>
</td></tr>
<tr valign="top"><td><code>well</code></td>
<td>
<p><code>TRUE</code> to place a well (gray rounded rectangle) around the
navigation list.</p>
</td></tr>
<tr valign="top"><td><code>fluid</code></td>
<td>
<p><code>TRUE</code> to use fluid layout; <code>FALSE</code> to use fixed
layout.</p>
</td></tr>
<tr valign="top"><td><code>widths</code></td>
<td>
<p>Column widths of the navigation list and tabset content areas
respectively.</p>
</td></tr>
<tr valign="top"><td><code>title</code></td>
<td>
<p>The title to display in the navbar</p>
</td></tr>
<tr valign="top"><td><code>position</code></td>
<td>
<p>Determines whether the navbar should be displayed at the top
of the page with normal scrolling behavior (<code>"static-top"</code>), pinned at
the top (<code>"fixed-top"</code>), or pinned at the bottom
(<code>"fixed-bottom"</code>). Note that using <code>"fixed-top"</code> or
<code>"fixed-bottom"</code> will cause the navbar to overlay your body content,
unless you add padding, e.g.: <code>tags$style(type="text/css", "body
  {padding-top: 70px;}")</code></p>
</td></tr>
<tr valign="top"><td><code>bg</code></td>
<td>
<p>a CSS color to use for the navbar's background color.</p>
</td></tr>
<tr valign="top"><td><code>inverse</code></td>
<td>
<p>Either <code>TRUE</code> for a light text color or <code>FALSE</code> for a dark
text color. If <code>"auto"</code> (the default), the best contrast to <code>bg</code> is chosen.</p>
</td></tr>
<tr valign="top"><td><code>collapsible</code></td>
<td>
<p><code>TRUE</code> to automatically collapse the navigation
elements into a menu when the width of the browser is less than 940 pixels
(useful for viewing on smaller touchscreen device)</p>
</td></tr>
<tr valign="top"><td><code>placement</code></td>
<td>
<p>placement of the nav items relative to the content.</p>
</td></tr>
</table>

<p><code><a href="nav.html">nav()</a></code>, <code><a href="nav_select.html">nav_select()</a></code>.
</p>

<h3>Examples</h3>

<pre>

library(shiny)

nav_items &lt;- function(prefix) {
  list(
    nav("a", paste(prefix, ": tab a content")),
    nav("b", paste(prefix, ": tab b content")),
    nav_item(
      tags$a(icon("github"), "Shiny", href = "https://github.com/rstudio/shiny", target = "_blank")
    ),
    nav_spacer(),
    nav_menu(
      "Other links", align = "right",
      nav("c", paste(prefix, ": tab c content")),
      nav_item(
        tags$a(icon("r-project"), "RStudio", href = "https://rstudio.com", target = "_blank")
      )
    )
  )
}

if (interactive()) {
  shinyApp(
    page_navbar(
      title = "page_navbar()",
      bg = "#0062cc",
      !!!nav_items("page_navbar()"),
      footer = div(
        style = "width:80%; margin: 0 auto",
        h4("navs_tab()"),
        navs_tab(!!!nav_items("navs_tab()")),
        h4("navs_pill()"),
        navs_pill(!!!nav_items("navs_pill()")),
        h4("navs_tab_card()"),
        navs_tab_card(!!!nav_items("navs_tab_card()")),
        h4("navs_pill_card()"),
        navs_pill_card(!!!nav_items("navs_pill_card()")),
        h4("navs_pill_list()"),
        navs_pill_list(!!!nav_items("navs_pill_list()"))
      )
    ),
    function(...) { }
  )
}
</pre>

<hr /><div style="text-align: center;">[Package <em>bslib</em> version 0.4.0 <a href="00Index.html">Index</a>]</div>
</body></html>