Title: | Apply 'colorffy' Color Gradients Within 'shiny' Elements |
---|---|
Description: | Allows the user to apply nice color gradients to 'shiny' elements. The gradients are extracted from the 'colorffy' website. See <https://www.colorffy.com/gradients/catalog>. |
Authors: | Mohamed El Fodil Ihaddaden [aut, cre], Hadjer Haned [ctb] |
Maintainer: | Mohamed El Fodil Ihaddaden <[email protected]> |
License: | MIT + file LICENSE |
Version: | 0.1.0 |
Built: | 2024-11-01 11:22:49 UTC |
Source: | https://github.com/feddelegrand7/corazon |
the function displays the available gradient colors contained within the package along with their corresponding hex colors
available_gradients()
available_gradients()
a character vector
available_gradients()
available_gradients()
Display a linear gradient color within shiny elements
corazon_gradient( element = "body", direction = "right", colorName = "LIFE", txtColor = "#F2F2F2" )
corazon_gradient( element = "body", direction = "right", colorName = "LIFE", txtColor = "#F2F2F2" )
element |
the shiny element that will incorporate the gradient color ? Defaults to "body" |
direction |
the direction of the gradient, between "right", "left", "bottom", "top". Defaults to "right" |
colorName |
the name of the gradient color to apply. see https://www.colorffy.com/gradients/catalog |
txtColor |
the text color. Default to "#F2F2F2" (white) |
A linear gradient color applied on a specific shiny element
if(interactive()){ ui <- fluidPage( corazon_gradient(txtColor = "blue"), h1("This is a Title"), ) server <- function(input, output) { } # Run the application shinyApp(ui = ui, server = server) }
if(interactive()){ ui <- fluidPage( corazon_gradient(txtColor = "blue"), h1("This is a Title"), ) server <- function(input, output) { } # Run the application shinyApp(ui = ui, server = server) }
A data set containing the gradient colors available at the colorffy website
gradient
gradient
A data frame containing all the the gradient colors:
g_name: the name of the gradients as displayed within the colorffy website.
hex1: the first hex color code
hex2: the second hex color code
hex3: the third hex color code