https://github.com/dreamRs/reactwidgets

Extra React Widgets for Shiny applications
https://github.com/dreamRs/reactwidgets

r shiny widgets

Last synced: 4 months ago
JSON representation

Extra React Widgets for Shiny applications

• Host: GitHub
• URL: https://github.com/dreamRs/reactwidgets
• Owner: dreamRs
• License: other
• Created: 2024-03-27T13:53:19.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-27T16:51:25.000Z (about 1 year ago)
• Last Synced: 2024-08-13T07:10:21.653Z (8 months ago)
• Topics: r, shiny, widgets
• Language: R
• Homepage:
• Size: 1.65 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: NEWS.md
  • License: LICENSE

Awesome Lists containing this project

• jimsghstars - dreamRs/reactwidgets - Extra React Widgets for Shiny applications (R)

README

        
# reactwidgets

[![Lifecycle: experimental](https://img.shields.io/badge/lifecycle-experimental-orange.svg)](https://lifecycle.r-lib.org/articles/stages.html#experimental)

[![R-CMD-check](https://github.com/dreamRs/reactwidgets/actions/workflows/R-CMD-check.yaml/badge.svg)](https://github.com/dreamRs/reactwidgets/actions/workflows/R-CMD-check.yaml)

Extra widgets powered by React for Shiny applications.

## Installation

You can install the development version of reactwidgets from [GitHub](https://github.com/dreamRs/reactwidgets) with:

``` r

# install.packages("remotes")

remotes::install_github("dreamRs/reactwidgets")

```

## Dual Listbox

From [react-dual-listbox](https://jakezatecky.github.io/react-dual-listbox/)

```r

dualListBoxInput(

  "ID",

  label = "Dual list box with options example:",

  options = prepareDualListBoxOptions(list(

    earth = list("luna"),

    mars = c("phobos", "deimos"),

    jupiter = c("io", "europa", "ganymede", "callisto")

  )),

  canFilter = TRUE,

  showOrderButtons = TRUE,

  preserveSelectOrder = TRUE,

  alignActions = "top",

  width = "100%"

)

```

![dualListBoxInput](man/figures/dualListBox.png)

## Select

From [react-select](https://react-select.com/home)

```r

reactSelectInput(

  "ID2",

  label = "Multi react select example:",

  options = prepareReactSelectOptions(list(

    earth = list("luna"),

    mars = c("phobos", "deimos"),

    jupiter = c("io", "europa", "ganymede", "callisto")

  )),

  selected = "ganymede",

  placeholder = "Search for an option by typing",

  isMulti = TRUE,

  isSearchable = TRUE,

  width = "100%"

)

```

![reactSelect](man/figures/reactSelect.png)