Create a framework 7 contact list

f7List(..., mode = NULL, inset = FALSE)

Arguments

...

Slot for f7ListGroup or f7ListItem.

mode

List mode. NULL or "media" or "contacts".

inset

Whether to display a card border. FALSE by default.

Examples

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) {} ) }