f7List | R Documentation |
Create a framework 7 contact list
f7List(..., mode = NULL, inset = FALSE)
... |
Slot for f7ListGroup or f7ListItem. |
mode |
List mode. NULL or "media" or "contacts". |
inset |
Whether to display a card border. FALSE by default. |
if (interactive()) { library(shiny) library(shinyMobile) shinyApp( ui = f7Page( title = "My app", f7SingleLayout( navbar = f7Navbar(title = "f7List"), # simple list f7List( lapply(1:3, function(j) f7ListItem(letters[j])) ), # list with complex items f7List( lapply(1:3, function(j) { f7ListItem( letters[j], media = f7Icon("alarm_fill"), right = "Right Text", header = "Header", footer = "Footer" ) }) ), # list with complex items f7List( mode = "media", lapply(1:3, function(j) { f7ListItem( title = letters[j], subtitle = "subtitle", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.", media = tags$img( src = paste0( "https://cdn.framework7.io/placeholder/people-160x160-", j, ".jpg" ) ), right = "Right Text" ) }) ), # list with links f7List( lapply(1:3, function(j) { f7ListItem(url = "https://google.com", letters[j]) }) ), # grouped lists f7List( mode = "contacts", lapply(1:3, function(i) { f7ListGroup( title = LETTERS[i], lapply(1:3, function(j) f7ListItem(letters[j])) ) }) ) ) ), server = function(input, output) {} ) }
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.