Create a JSColor picker input widget

Share:

Description

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

Usage

1
2
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: Display label for the control, or NULL for no label.

value

character: Initial RGB value of the color picker. Default is black ('#000000').

position

character: Position of the picker relative to the text input ('bottom', 'left', 'top', 'right').

color

character: Picker color scheme ('transparent' by default). Use RGB color coding ('000000').

mode

character: Mode of hue, saturation and value. Can either be 'HSV' or 'HVS'.

slider

logical: Show or hide the slider.

close

logical: Show or hide a close button.

See Also

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

Examples

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
# 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)