f7Navbar | R Documentation |
Build a navbar layout element to insert in f7SingleLayout, f7TabLayout or f7SplitLayout.
updateF7Navbar
toggles an f7Navbar component from the server.
f7Navbar(
...,
subNavbar = NULL,
title = NULL,
subtitle = NULL,
hairline = TRUE,
shadow = TRUE,
bigger = FALSE,
transparent = FALSE,
leftPanel = FALSE,
rightPanel = FALSE
)
updateF7Navbar(
animate = TRUE,
hideStatusbar = FALSE,
session = shiny::getDefaultReactiveDomain()
)
... |
Slot for f7SearchbarTrigger. Not compatible with f7Panel. |
subNavbar |
f7SubNavbar slot, if any. |
title |
Navbar title. |
subtitle |
Navbar subtitle. Not compatible with bigger. |
hairline |
Whether to display a thin border on the top of the navbar. TRUE by default. |
shadow |
Whether to display a shadow. TRUE by default. |
bigger |
Whether to display bigger title. FALSE by default. Not compatible with subtitle. |
transparent |
Whether the navbar should be transparent. FALSE by default. Only works if bigger is TRUE. |
leftPanel |
Whether to enable the left panel. FALSE by default. |
rightPanel |
Whether to enable the right panel. FALSE by default. |
animate |
Whether it should be hidden with animation or not. By default is TRUE. |
hideStatusbar |
When FALSE (default) it hides navbar partially keeping space required to cover statusbar area. Otherwise, navbar will be fully hidden. |
session |
Shiny session object. |
Currently, bigger parameters does mess with the CSS.
David Granjon, dgranjon@ymail.com
# Toggle f7Navbar
if (interactive()) {
library(shiny)
library(shinyMobile)
shinyApp(
ui = f7Page(
title = "Show navbar",
f7SingleLayout(
navbar = f7Navbar("Hide/Show navbar"),
f7Button(inputId = "toggle", "Toggle navbar", color = "red")
)
),
server = function(input, output, session) {
observeEvent(input$toggle, {
updateF7Navbar()
})
}
)
}
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.