f7Shadow {shinyMobile} | R Documentation |
Framework7 shadow effect
Description
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(s)
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) {}
)
}
[Package shinyMobile version 1.0.1 Index]