f7Appbar | R Documentation |
f7Appbar
is displayed on top of an f7Navbar. f7Appbar can also
trigger f7Panel.
f7Back is a button to go back in f7Tabs.
f7Next is a button to go next in f7Tabs.
f7Appbar(..., leftPanel = FALSE, rightPanel = FALSE) f7Back(targetId) f7Next(targetId)
... |
Any UI content such as f7Searchbar, f7Next and f7Back. It is best practice to wrap f7Next and f7Back in an f7Flex. |
leftPanel |
Whether to enable the left panel. FALSE by default. |
rightPanel |
Whether to enable the right panel. FALSE by default. |
targetId |
f7Tabs id. |
if (interactive()) { library(shiny) library(shinyMobile) cities <- names(precip) shinyApp( ui = f7Page( title = "My app", f7Appbar( f7Flex(f7Back(targetId = "tabset"), f7Next(targetId = "tabset")), f7Searchbar(id = "search1", inline = TRUE) ), f7TabLayout( navbar = f7Navbar( title = "f7Appbar", hairline = FALSE, shadow = TRUE ), f7Tabs( animated = FALSE, swipeable = TRUE, id = "tabset", f7Tab( tabName = "Tab 1", icon = f7Icon("envelope"), active = TRUE, "Text 1" ), f7Tab( tabName = "Tab 2", icon = f7Icon("today"), active = FALSE, "Text 2" ), f7Tab( tabName = "Tab 3", icon = f7Icon("cloud_upload"), active = FALSE, "Text 3" ) ) ) ), server = function(input, output) {} ) }
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.