chakraSlider: Chakra slider

In shinyChakraUI: A Wrapper of the 'React' Library 'Chakra UI' for 'Shiny'

Description

Create a Chakra slider.

Usage

chakraSlider(
  id,
  label = NULL,
  value,
  min,
  max,
  step = NULL,
  width = NULL,
  size = "md",
  colorScheme = "blue",
  orientation = "horizontal",
  focusThumbOnChange = TRUE,
  isDisabled = FALSE,
  isReadOnly = FALSE,
  isReversed = FALSE,
  trackColor = NULL,
  filledTrackColor = NULL,
  mark = FALSE,
  markOptions = sliderMarkOptions(),
  tooltip = TRUE,
  tooltipOptions = sliderTooltipOptions(),
  thumbOptions = sliderThumbOptions(),
  shinyValueOn = "end",
  ...
)

Arguments

id	widget id
label	label (optional)
value	initial value
min	minimal value
max	maximal value
step	increment step
width	slider width
size	size, "sm", "md", or "lg"
colorScheme	a Chakra color scheme
orientation	slider orientation, "horizontal" or "vertical"
focusThumbOnChange	whether to focus the thumb on change
isDisabled	whether to disable the slider
isReadOnly	read only mode
isReversed	whether to reverse the slider
trackColor	color of the track
filledTrackColor	color of the filled track
mark	whether to set a mark to the thumb (I personally prefer the tooltip)
markOptions	options of the mark, a list created with sliderMarkOptions
tooltip	whether to set a tooltip to the thumb
tooltipOptions	options of the tooltip, a list created with sliderTooltipOptions
thumbOptions	list of options for the thumb created with sliderThumbOptions
shinyValueOn	either "drag" or "end", the moment to get the Shiny value
...	other attributes passed to Slider

Value

A widget to use in chakraComponent.

Examples

library(shiny)
library(shinyChakraUI)

ui <- chakraPage(

  br(),

  chakraComponent(
    "mycomponent",

    chakraSlider(
      "slider",
      label = HTML("<span style='color:red'>Hello slider!</span>"),
      value = 5,
      min = 0,
      max = 10,
      width = "50%",
      tooltip = TRUE,
      shinyValueOn = "end"
    )

  )

)

server <- function(input, output, session){

  observe({
    print(input[["slider"]])
  })

}

if(interactive()){
  shinyApp(ui, server)
}

shinyChakraUI documentation built on Jan. 5, 2022, 5:08 p.m.