tests/testthat/_snaps/page.md
In rstudio/bootstraplib: Custom 'Bootstrap' 'Sass' Themes for 'shiny' and 'rmarkdown'
page_navbar()
Code
renderTags(page_navbar(title = div(h1("foo"), h2("bar"))))$head
Output
<title>foo bar</title>
<style>html { height: 100%; }</style>
Code
renderTags(page_navbar(title = "foo", window_title = "bar"))$head
Output
<title>bar</title>
<style>html { height: 100%; }</style>
Code
renderTags(page_sidebar(title = "foo"))$head
Output
<title>foo</title>
<style>html { height: 100%; }</style>
page_sidebar()
Code
renderTags(page_sidebar(title = "foo", window_title = "bar"))$head
Output
<title>bar</title>
<style>html { height: 100%; }</style>
Code
renderTags(page_sidebar("main", title = "Title", sidebar = sidebar(open = "always"),
`data-attr` = "here"))$html
Output
<body class="bslib-page-fill bslib-gap-spacing bslib-flow-mobile bslib-page-sidebar html-fill-container" style="padding:0px;gap:0px;">
<div class="navbar navbar-static-top">
<div class="container-fluid">
<h1 class="bslib-page-title navbar-brand">Title</h1>
</div>
</div>
<div class="bslib-sidebar-layout bslib-mb-spacing html-fill-item" data-bslib-sidebar-border="false" data-bslib-sidebar-border-radius="false" data-bslib-sidebar-init="TRUE" data-collapsible-desktop="false" data-collapsible-mobile="false" data-open-desktop="always" data-open-mobile="always" data-require-bs-caller="layout_sidebar()" data-require-bs-version="5" style="--_sidebar-width:250px;">
<div class="main bslib-gap-spacing html-fill-container" data-attr="here">
<main class="bslib-page-main bslib-gap-spacing html-fill-item html-fill-container">main</main>
</div>
<aside class="sidebar">
<div class="sidebar-content bslib-gap-spacing"></div>
</aside>
<button class="collapse-toggle" type="button" title="Toggle sidebar" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="bi bi-chevron-left collapse-icon" style="height:;width:;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img" ><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"></path></svg></button>
<script data-bslib-sidebar-init>bslib.Sidebar.initCollapsibleAll()</script>
</div>
</body>
<script>document.documentElement.dataset.shinyBusySpinners = 'true';
document.documentElement.dataset.shinyBusyPulse = 'true';</script>
Code
renderTags(page_sidebar("main", title = "Title", sidebar = "side"))$html
Output
<body class="bslib-page-fill bslib-gap-spacing bslib-flow-mobile bslib-page-sidebar html-fill-container" style="padding:0px;gap:0px;">
<div class="navbar navbar-static-top">
<div class="container-fluid">
<h1 class="bslib-page-title navbar-brand">Title</h1>
</div>
</div>
<div class="bslib-sidebar-layout bslib-mb-spacing html-fill-item" data-bslib-sidebar-border="false" data-bslib-sidebar-border-radius="false" data-bslib-sidebar-init="TRUE" data-collapsible-desktop="true" data-collapsible-mobile="false" data-open-desktop="open" data-open-mobile="always" data-require-bs-caller="layout_sidebar()" data-require-bs-version="5" style="--_sidebar-width:250px;">
<div class="main bslib-gap-spacing html-fill-container">
<main class="bslib-page-main bslib-gap-spacing html-fill-item html-fill-container">main</main>
</div>
<aside id="bslib-sidebar-4785" class="sidebar" hidden>
<div class="sidebar-content bslib-gap-spacing">side</div>
</aside>
<button class="collapse-toggle" type="button" title="Toggle sidebar" aria-expanded="true" aria-controls="bslib-sidebar-4785"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="bi bi-chevron-left collapse-icon" style="height:;width:;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img" ><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"></path></svg></button>
<script data-bslib-sidebar-init>bslib.Sidebar.initCollapsibleAll()</script>
</div>
</body>
<script>document.documentElement.dataset.shinyBusySpinners = 'true';
document.documentElement.dataset.shinyBusyPulse = 'true';</script>
rstudio/bootstraplib documentation built on June 17, 2024, 9:42 a.m.
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
page_navbar()
Code
renderTags(page_navbar(title = div(h1("foo"), h2("bar"))))$head
Output
<title>foo bar</title>
<style>html { height: 100%; }</style>
Code
renderTags(page_navbar(title = "foo", window_title = "bar"))$head
Output
<title>bar</title>
<style>html { height: 100%; }</style>
Code
renderTags(page_sidebar(title = "foo"))$head
Output
<title>foo</title>
<style>html { height: 100%; }</style>
page_sidebar()
Code
renderTags(page_sidebar(title = "foo", window_title = "bar"))$head
Output
<title>bar</title>
<style>html { height: 100%; }</style>
Code
renderTags(page_sidebar("main", title = "Title", sidebar = sidebar(open = "always"),
`data-attr` = "here"))$html
Output
<body class="bslib-page-fill bslib-gap-spacing bslib-flow-mobile bslib-page-sidebar html-fill-container" style="padding:0px;gap:0px;">
<div class="navbar navbar-static-top">
<div class="container-fluid">
<h1 class="bslib-page-title navbar-brand">Title</h1>
</div>
</div>
<div class="bslib-sidebar-layout bslib-mb-spacing html-fill-item" data-bslib-sidebar-border="false" data-bslib-sidebar-border-radius="false" data-bslib-sidebar-init="TRUE" data-collapsible-desktop="false" data-collapsible-mobile="false" data-open-desktop="always" data-open-mobile="always" data-require-bs-caller="layout_sidebar()" data-require-bs-version="5" style="--_sidebar-width:250px;">
<div class="main bslib-gap-spacing html-fill-container" data-attr="here">
<main class="bslib-page-main bslib-gap-spacing html-fill-item html-fill-container">main</main>
</div>
<aside class="sidebar">
<div class="sidebar-content bslib-gap-spacing"></div>
</aside>
<button class="collapse-toggle" type="button" title="Toggle sidebar" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="bi bi-chevron-left collapse-icon" style="height:;width:;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img" ><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"></path></svg></button>
<script data-bslib-sidebar-init>bslib.Sidebar.initCollapsibleAll()</script>
</div>
</body>
<script>document.documentElement.dataset.shinyBusySpinners = 'true';
document.documentElement.dataset.shinyBusyPulse = 'true';</script>
Code
renderTags(page_sidebar("main", title = "Title", sidebar = "side"))$html
Output
<body class="bslib-page-fill bslib-gap-spacing bslib-flow-mobile bslib-page-sidebar html-fill-container" style="padding:0px;gap:0px;">
<div class="navbar navbar-static-top">
<div class="container-fluid">
<h1 class="bslib-page-title navbar-brand">Title</h1>
</div>
</div>
<div class="bslib-sidebar-layout bslib-mb-spacing html-fill-item" data-bslib-sidebar-border="false" data-bslib-sidebar-border-radius="false" data-bslib-sidebar-init="TRUE" data-collapsible-desktop="true" data-collapsible-mobile="false" data-open-desktop="open" data-open-mobile="always" data-require-bs-caller="layout_sidebar()" data-require-bs-version="5" style="--_sidebar-width:250px;">
<div class="main bslib-gap-spacing html-fill-container">
<main class="bslib-page-main bslib-gap-spacing html-fill-item html-fill-container">main</main>
</div>
<aside id="bslib-sidebar-4785" class="sidebar" hidden>
<div class="sidebar-content bslib-gap-spacing">side</div>
</aside>
<button class="collapse-toggle" type="button" title="Toggle sidebar" aria-expanded="true" aria-controls="bslib-sidebar-4785"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="bi bi-chevron-left collapse-icon" style="height:;width:;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img" ><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"></path></svg></button>
<script data-bslib-sidebar-init>bslib.Sidebar.initCollapsibleAll()</script>
</div>
</body>
<script>document.documentElement.dataset.shinyBusySpinners = 'true';
document.documentElement.dataset.shinyBusyPulse = 'true';</script>
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
Embedding an R snippet on your website
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.