Creates a shadow effect to apply on UI elements like f7Card.
f7Shadow(tag, intensity, hover = FALSE, pressed = FALSE)
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. |
David Granjon, dgranjon@ymail.com
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) {} ) }