Skip to contents

Creates a shadow effect to apply on UI elements like f7Card.

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.

Author

David Granjon, dgranjon@ymail.com

Examples

if(interactive()){
 library(shiny)
 library(shinyMobile)

 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", href = "https://www.google.com"),
       f7Badge("Badge", color = "green")
      )
     )
    )
    )
   ),
   server = function(input, output) {}
 )
}