hidden: Initialize a Shiny tag as hidden

Description Usage Arguments Value Note See Also Examples

View source: R/hidden.R

Description

Create a Shiny tag that is invisible when the Shiny app starts. The tag can be made visible later with shinyjs::toggle or shinyjs::show.

Usage

1

Arguments

...

Shiny tag (or tagList or list of of tags) to make invisible

Value

The tag (or tags) that was given as an argument in a hidden state.

Note

shinyjs must be initialized with a call to useShinyjs() in the app's ui.

See Also

useShinyjs, toggle, show, hide

Examples

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
if (interactive()) {
  library(shiny)
  shinyApp(
    ui = fluidPage(
      useShinyjs(),  # Set up shinyjs
      actionButton("btn", "Click me"),
      hidden(
        p(id = "element", "I was born invisible")
      )
    ),
    server = function(input, output) {
      observeEvent(input$btn, {
        show("element")
      })
    }
  )
}

library(shiny)
hidden(span(id = "a"), div(id = "b"))
hidden(tagList(span(id = "a"), div(id = "b")))
hidden(list(span(id = "a"), div(id = "b")))

Example output

Attaching package: 'shinyjs'

The following objects are masked from 'package:methods':

    removeClass, show


Attaching package: 'shiny'

The following object is masked from 'package:shinyjs':

    runExample

[[1]]
<span id="a" class="shinyjs-hide"></span>

[[2]]
<div id="b" class="shinyjs-hide"></div>

[[1]]
<span id="a" class="shinyjs-hide"></span>

[[2]]
<div id="b" class="shinyjs-hide"></div>

[[1]]
<span id="a" class="shinyjs-hide"></span>

[[2]]
<div id="b" class="shinyjs-hide"></div>

shinyjs documentation built on Sept. 13, 2020, 5:14 p.m.