Create an UIkit cover

Expand images, videos or iframes to cover their entire container and place your own content on top.

UIkitCover(src = NULL, type = "img", height = "medium")

Arguments

src	Media source or path.
type	Media type: "image", "video" or "iframe".
height	Cover height: "medium" by default but also "small" or "large".

Note

Prefer iframe movie quality than the video one.

Examples

if(interactive()){
library(shiny)

shiny::shinyApp(
 ui = UIkitPage(
   title = "My UIkit application",
   UIkitCover(
     src = "https://getuikit.com/docs/images/dark.jpg",
     type = "image"
   ),
   UIkitCover(
     src = "https://quirksmode.org/html5/videos/big_buck_bunny.mp4",
     type = "video"
   ),
   UIkitCover(
     src = "https://www.youtube-nocookie.com/embed/YE7VzlLtp-4",
     type = "iframe"
   )
 ),
 server = function(input, output) {}
 )
}