shinyMobile (version 0.7.0)

f7Shadow: Create a Framework7 shadow effect

Description

Build a Framework7 shadow effect

Usage

f7Shadow(tag, intensity, hover = FALSE, pressed = FALSE)

Arguments

tag

Tag to apply the shadow on.

intensity

Shadow intensity. Numeric between 1 and 24. 24 is the highest elevation.

hover

Whether to display the shadow on hover. FALSE by default.

pressed

Whether to display the shadow on click. FALSE by default.

Examples

# NOT RUN {
if(interactive()){
 library(shiny)
 library(shinyMobile)

 shiny::shinyApp(
   ui = f7Page(
    title = "Shadows",
    f7SingleLayout(
     navbar = f7Navbar(title = "f7Shadow"),
     f7Shadow(
     intensity = 16,
     hover = TRUE,
     pressed = TRUE,
     f7Card(
      title = "Card header",
      "This is a simple card with plain text,
       but cards can also contain their own header,
       footer, list view, image, or any other element.",
      footer = tagList(
       f7Button(color = "blue", label = "My button", src = "https://www.google.com"),
       f7Badge("Badge", color = "green")
      )
     )
    )
    )
   ),
   server = function(input, output) {}
 )
}

# }