All Projects → JohnCoene → pushbar

JohnCoene / pushbar

Licence: Unknown, MIT licenses found Licenses found Unknown LICENSE MIT LICENSE.md
🖥️ Off-canvas elements for Shiny

Programming Languages

r
7636 projects

Projects that are alternatives of or similar to pushbar

Shinymobile
shiny API for Framework7 (IOS/android)
Stars: ✭ 243 (+311.86%)
Mutual labels:  shiny
carbon-intensity-app
A web app showing how much electricity is made from renewable sources in different parts of UK
Stars: ✭ 22 (-62.71%)
Mutual labels:  shiny
shiny-apps
Some of my Shiny apps for fun
Stars: ✭ 54 (-8.47%)
Mutual labels:  shiny
Shinycssloaders
⌛ Add loading animations to a Shiny output while it's recalculating
Stars: ✭ 248 (+320.34%)
Mutual labels:  shiny
grillade
Grid sytem for shiny apps or rmarkdown and to create htmlwidgets matrix
Stars: ✭ 16 (-72.88%)
Mutual labels:  shiny
shiny-react-example
Example of a Shiny app with a React front-end
Stars: ✭ 52 (-11.86%)
Mutual labels:  shiny
Ggedit
Interactively edit ggplot layer aesthetics and theme definitions
Stars: ✭ 223 (+277.97%)
Mutual labels:  shiny
shinydnd
Creating drag and drop elements in Shiny
Stars: ✭ 89 (+50.85%)
Mutual labels:  shiny
SmaRP
Shiny app for projecting retirement funds / benefits
Stars: ✭ 17 (-71.19%)
Mutual labels:  shiny
tweet-conf-dash
A shiny twitter conference dashboard
Stars: ✭ 117 (+98.31%)
Mutual labels:  shiny
RagGrid
R interface to ag-grid.
Stars: ✭ 31 (-47.46%)
Mutual labels:  shiny
capm shiny
Demo project of creating an interactive analytical tool for stock market using CAPM.
Stars: ✭ 31 (-47.46%)
Mutual labels:  shiny
charpente
Seamlessly design robust 'shiny' extensions
Stars: ✭ 36 (-38.98%)
Mutual labels:  shiny
Bs4dash
Bootstrap 4 shinydashboard using AdminLTE3
Stars: ✭ 248 (+320.34%)
Mutual labels:  shiny
shinyglide
Glide.js component for Shiny apps
Stars: ✭ 83 (+40.68%)
Mutual labels:  shiny
Shinyjqui
jQuery UI Interactions and Effects for Shiny
Stars: ✭ 225 (+281.36%)
Mutual labels:  shiny
shinyhttr
Give httr::progress the ability to talk to shinyWidgets::progressBar.
Stars: ✭ 32 (-45.76%)
Mutual labels:  shiny
analytics-platform-shiny-server
Analytics Platform Shiny Server
Stars: ✭ 21 (-64.41%)
Mutual labels:  shiny
shiny crud
Example Shiny apps implementing CRUD database functionality
Stars: ✭ 88 (+49.15%)
Mutual labels:  shiny
lineup htmlwidget
HTMLWidget wrapper of LineUp for Visual Analysis of Multi-Attribute Rankings
Stars: ✭ 51 (-13.56%)
Mutual labels:  shiny

Travis build status

pushbar

See bsutils for a Bootstrap 5 built-in.

Brings pushbar.js to Shiny; create off-canvas sliders for inputs, outputs or any other content.

Installation

Install the stable version (recommended) from CRAN:

install.packages("pushbar")

Install the development version with remotes

# install.packages("remotes")
remotes::install_github("JohnCoene/pushbar")

How to use

  1. Include pushbar_deps anywhere in your ui.
  2. Include setup_pushbar at the top of your server function, it'll also let you determine whether to use blur and overlay when pushbars are opened.
  3. Use pushbar in your ui to include content in pushbars.
  4. Use pushbar_open and pushbar_close to programatically (server-side) open and close the pushbars.

Also includes an event (see example) to capture whether a pushbar is opened (input$pushbarID_pushbar_opened).

Example

Live Demo

library(shiny)
library(pushbar)

ui <- fluidPage(
   pushbar_deps(),
   br(),
   actionButton("open", "Open pushbar"),
   pushbar(
     h4("HELLO"),
     id = "myPushbar", # add id to get event
     actionButton("close", "Close pushbar")
   ),
   fluidRow(
     column(5),
     column(5, span("Is a pushbar opened?"), verbatimTextOutput("ev"))
   )
 )
 
 server <- function(input, output, session){

   setup_pushbar() # setup

   observeEvent(input$open, {
     pushbar_open(id = "myPushbar")
   })  

   observeEvent(input$close, {
     pushbar_close()
   })  

   output$ev <- renderPrint({
     input$myPushbar_pushbar_opened
   })
 }
 
 if(interactive()) shinyApp(ui, server)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].