jscolorInput function

Create a JSColor picker input widget

Create a JSColor picker input widget

Creates a JSColor (Javascript/HTML Color Picker) widget to be used in shiny applications.

jscolorInput( inputId, label, value, position = "bottom", color = "transparent", mode = "HSV", slider = TRUE, close = FALSE )

Arguments

  • inputId: character (required ): Specifies the input slot that will be used to access the value.
  • label: character (optional): Display label for the control, or NULL for no label.
  • value: character (optional): Initial RGB value of the color picker. Default is black ('#000000').
  • position: character (with default): Position of the picker relative to the text input ('bottom', 'left', 'top', 'right').
  • color: character (with default): Picker color scheme ('transparent' by default). Use RGB color coding ('000000').
  • mode: character (with default): Mode of hue, saturation and value. Can either be 'HSV' or 'HVS'.
  • slider: logical (with default): Show or hide the slider.
  • close: logical (with default): Show or hide a close button.

Examples

# html code jscolorInput("col", "Color", "21BF6B", slider = FALSE) # example app ## Not run: shinyApp( ui = fluidPage( jscolorInput(inputId = "col", label = "JSColor Picker", value = "21BF6B", position = "right", mode = "HVS", close = TRUE), plotOutput("plot") ), server = function(input, output) { output$plot <- renderPlot({ plot(cars, col = input$col, cex = 2, pch = 16) }) }) ## End(Not run)

See Also

Other input.elements: shiny::animationOptions , shiny::sliderInput ; shiny::checkboxGroupInput ; shiny::checkboxInput ; shiny::dateInput ; shiny::dateRangeInput ; shiny::fileInput ; shiny::numericInput ; shiny::passwordInput ; shiny::radioButtons ; shiny::selectInput , shiny::selectizeInput ; shiny::submitButton ; shiny::textInput

  • Maintainer: Christoph Burow
  • License: GPL-3
  • Last published: 2025-03-23