shinyWidgets v0.4.9
Monthly downloads
Custom Inputs Widgets for Shiny
Collection of custom input controls and user interface components for 'Shiny' applications.
Give your applications a unique and colorful style !
Readme
shinyWidgets
Extend widgets available in shiny
Overview
This package provide some custom widgets to pimp your shiny apps !
You can replace classical checkboxes with switch button, add colors to radio buttons and checkbox group, use buttons as radio or checkboxes.
Each widget has an update
method to change the value of an input from the server.
Installation :
# From CRAN
install.packages("shinyWidgets")
# From Github
# install.packages("devtools")
devtools::install_github("dreamRs/shinyWidgets")
Demo :
shinyWidgets::shinyWidgetsGallery()
A live version is available here : http://shinyapps.dreamrs.fr/shinyWidgets
Widgets available :
- Bootstrap switch
- Material switch
- Pretty Checkbox
- Sweet Alert
- Slider Text
- Knob Input
- Select picker
- Checkbox and radio buttons
- Search bar
- Dropdown button
Bootstrap switch
Turn checkboxes into toggle switches :
switchInput(inputId = "id", value = TRUE)
Material switch
Turn checkboxes into toggle switches (again) :
materialSwitch(inputId = "id", label = "Primary switch", status = "danger")
Pretty Checkbox
Checkbox and radio buttons with the beautiful CSS library pretty-checkbox :
prettyCheckbox(
inputId = "pretty_1", label = "Check me!", icon = icon("check")
),
prettyCheckbox(
inputId = "pretty_2", label = "Check me!", icon = icon("thumbs-up"),
status = "default", shape = "curve", animation = "pulse"
),
prettyCheckbox(
inputId = "pretty_3", label = "Check me!", icon = icon("users"),
animation = "pulse", plain = TRUE, outline = TRUE
),
prettyCheckbox(
inputId = "pretty_4", label = "Check me!",
status = "success", outline = TRUE
),
prettyCheckbox(
inputId = "pretty_5", label = "Check me!",
shape = "round", outline = TRUE, status = "info"
),
...
Sweet Alert
Displays a message to the user :
See examples in ?sendSweetAlert
.
Request confirmation from the user :
See examples in ?confirmSweetAlert
.
Slider Text
Slider with strings, to pass whatever you want :
sliderTextInput(
inputId = "mySliderText",
label = "Your choice:",
grid = TRUE,
force_edges = TRUE,
choices = c("Strongly disagree",
"Disagree", "Neither agree nor disagree",
"Agree", "Strongly agree")
)
Knob Input
A jQuery based knob, similar to sliderInput or sliderTextInput:
knobInput(
inputId = "myKnob",
label = "jQuery knob example:",
value = 0,
min = -100,
displayPrevious = TRUE,
lineCap = "round",
fgColor = "#428BCA",
inputColor = "#428BCA"
)
Select picker
Dropdown menu with a lot of options :
pickerInput(
inputId = "myPicker",
label = "Select/deselect all + format selected",
choices = LETTERS,
options = list(
`actions-box` = TRUE,
size = 10,
`selected-text-format` = "count > 3"
),
multiple = TRUE
)
Checkbox and radio buttons
Turn buttons into checkbox or radio :
checkboxGroupButtons(
inputId = "somevalue", label = "Make a choice :",
choices = c("Choice A", "Choice B", " Choice C", "Choice D"),
justified = TRUE, status = "primary",
checkIcon = list(yes = icon("ok", lib = "glyphicon"), no = icon("remove", lib = "glyphicon"))
)
Search bar
A text input only triggered by hitting 'Enter' or clicking search button :
searchInput(
inputId = "id",
label = "Enter your search :",
placeholder = "This is a placeholder",
btnSearch = icon("search"),
btnReset = icon("remove"),
width = "100%"
)
Dropdown button
Hide input in a button :
dropdownButton(
tags$h3("List of Input"),
selectInput(inputId = 'xcol', label = 'X Variable', choices = names(iris)),
selectInput(inputId = 'ycol', label = 'Y Variable', choices = names(iris), selected = names(iris)[[2]]),
sliderInput(inputId = 'clusters', label = 'Cluster count', value = 3, min = 1, max = 9),
circle = TRUE, status = "danger", icon = icon("gear"), width = "300px",
tooltip = tooltipOptions(title = "Click to see inputs !")
)
And others !
Functions in shinyWidgets
Name | Description | |
animations | Animation names | |
addSpinner | Display a spinner above an output when this one recalculate | |
awesomeCheckbox | Awesome Checkbox Input Control | |
awesomeRadio | Awesome Radio Buttons Input Control | |
airDatepicker | Air Date Picker Input | |
appendVerticalTab | Mutate Vertical Tabset Panel | |
awesomeCheckboxGroup | Awesome Checkbox Group Input Control | |
animateOptions | Animate options | |
actionBttn | Awesome action button | |
actionGroupButtons | Actions Buttons Group Inputs | |
circleButton | Circle Action button | |
demoNoUiSlider | Some examples on how to use noUiSliderInput | |
demoAirDatepicker | Some examples on how to use airDatepickerInput | |
colorSelectorInput | Color Selector Input | |
confirmSweetAlert | Launch a confirmation dialog | |
downloadBttn | Create a download actionBttn | |
demoNumericRange | An example showing how numericRangeInput works | |
dropdown | Dropdown | |
checkboxGroupButtons | Buttons Group checkbox Input Control | |
chooseSliderSkin | Theme selector for sliderInput | |
dropdownButton | Dropdown Button | |
noUiSliderInput | Numeric range slider | |
closeSweetAlert | Close Sweet Alert | |
materialSwitch | Material Design Switch Input Control | |
numericRangeInput | Numeric Range Input | |
knobInput | Knob Input | |
inputSweetAlert | Launch an input text dialog | |
multiInput | Create a multiselect input control | |
prettyToggle | Pretty Toggle Input | |
progress-bar | Progress Bars | |
updatePrettyRadioButtons | Change the value pretty radio buttons on the client | |
updateAirDateInput | Change the value of airDatepickerInput on the client | |
tooltipOptions | Tooltip options | |
prettyCheckbox | Pretty Checkbox Input | |
updateAwesomeCheckbox | Change the value of an awesome checkbox input on the client | |
setBackgroundColor | Custom background color for your shinyapp | |
updateMultiInput | Change the value of a multi input on the client | |
sendSweetAlert | Display a Sweet Alert to the user | |
prettyCheckboxGroup | Pretty Checkbox Group Input Control | |
updateAwesomeCheckboxGroup | Change the value of a awesomeCheckboxGroup input on the client | |
pickerInput | Select picker Input Control | |
updatePrettySwitch | Change the value of a pretty switch on the client | |
updateSpectrumInput | Change the value of a spectrum input on the client | |
panel | Create a panel | |
updateNoUiSliderInput | Change the value of a no ui slider input on the client | |
spectrumInput | Palette Color Picker with Spectrum Library | |
searchInput | Search Input | |
selectizeGroup-module | Selectize Group | |
switchInput | Bootstrap Switch Input Control | |
pickerOptions | Options for `pickerInput` | |
pickerGroup-module | Picker Group | |
updatePrettyCheckboxGroup | Change the value of a pretty checkbox on the client | |
updatePrettyCheckbox | Change the value of a pretty checkbox on the client | |
shinyWidgetsGallery | Launch the shinyWidget Gallery | |
sliderTextInput | Slider Text Input Widget | |
progressSweetAlert | Progress bar in a sweet alert | |
textInputAddon | Text with Add-on Input Control | |
useTablerDash | Use 'tablerDash' in 'shiny' | |
updateRadioGroupButtons | Change the value of a radio group buttons input on the client | |
toggleDropdownButton | Toggle a dropdown menu | |
updatePrettyToggle | Change the value of a pretty toggle on the client | |
updateSearchInput | Change the value of a search input on the client | |
updateSliderTextInput | Change the value of a slider text input on the client | |
useSweetAlert | Load Sweet Alert dependencies | |
useShinydashboardPlus | Use 'shinydashboardPlus' in 'shiny' | |
updateSwitchInput | Change the value of a switch input on the client | |
radioGroupButtons | Buttons Group Radio Input Control | |
setSliderColor | Color editor for sliderInput | |
prettyRadioButtons | Pretty radio Buttons Input Control | |
updateAwesomeRadio | Change the value of a radio input on the client | |
updateKnobInput | Change the value of a knob input on the client | |
updateCheckboxGroupButtons | Change the value of a checkboxes group buttons input on the client | |
updateMaterialSwitch | Change the value of a materialSwitch input on the client | |
shinyWidgets | shinyWidgets: Custom inputs widgets for Shiny. | |
useArgonDash | Use 'argonDash' in 'shiny' | |
updateVerticalTabsetPanel | Update selected vertical tab | |
vertical-tab | Vertical tab panel | |
prettySwitch | Pretty Switch Input | |
setBackgroundImage | Custom background image for your shinyapp | |
setShadow | Custom shadows | |
updateNumericRangeInput | Change the value of a numeric range input | |
useBs4Dash | Use 'bs4Dash' in 'shiny' | |
updatePickerInput | Change the value of a select picker input on the client | |
useShinydashboard | Use 'shinydashboard' in 'shiny' | |
wNumbFormat | Format numbers in noUiSliderInput | |
No Results! |
Last month downloads
Details
URL | https://github.com/dreamRs/shinyWidgets |
BugReports | https://github.com/dreamRs/shinyWidgets/issues |
License | GPL-3 | file LICENSE |
Encoding | UTF-8 |
LazyData | true |
RoxygenNote | 6.1.1 |
NeedsCompilation | no |
Packaged | 2019-09-10 16:05:59 UTC; perri |
Repository | CRAN |
Date/Publication | 2019-09-10 16:40:05 UTC |
suggests | argonDash , argonR , bs4Dash , covr , RColorBrewer , shinydashboard , shinydashboardPlus , tablerDash , testthat , viridisLite |
imports | grDevices , htmltools , jsonlite , scales , shiny (>= 0.14) |
depends | R (>= 3.1.0) |
Contributors | Leon Gersen, Ian Fellows, Mark Otto, Jacob Thornton, Bootstrap contributors, Twitter, Inc, Fanny Meyer, Mattia Larentis, Emanuele Marchi, Flatlogic, mouse0270 , Tristan Edwards, Fabian Lindfors, Daniel Eden, Ganapati V S, David Granjon, Anthony Terrien, Brian Grinstead, Lokesh Rajendran, Timofey Marochkin, Tobias Ahlin, SnapAppointments , Wil Davis |
Include our badge in your README
[](http://www.rdocumentation.org/packages/shinyWidgets)