Create an accordion from a list of items

Create an accordion from a list of items

Usage

acc_list(
  x,
  id = "accordion",
  width = 12,
  collapsed = TRUE,
  collapse_all = FALSE,
  ...
)

Arguments

x

chr/shiny.tag.list chr vector or shiny.tag.list to wrap in accordions

id

Accordion to target.

width

The width of the accordion.

collapsed

If TRUE, start collapsed. This must be used with collapsible=TRUE.

collapse_all

lgl Whether to keep all accordions collapsed except for the open one, or keep them open after opening.

...

Arguments passed on to bs4Dash::accordion

class

Class applied to the accordion div

Value

shiny.tag.list

See also

Other ui: add_sass(), box_list(), bs4Alert(), bs_extract_status(), bs_statuses, col_10(), col_11(), col_12(), col_1(), col_2(), col_3(), col_4(), col_5(), col_6(), col_7(), col_8(), col_9(), col_auto(), copyright(), css_props(), dynamic_row(), enurl(), fa_arrow_icon(), icon_sb(), infoIcon(), jq_hide(), list_to_li(), list_to_p(), make_action_button(), make_columns(), rep_br(), tagRemoveAttributes(), ui_row(), ui_tabs(), undisplay(), with_red_star()

Examples

acc_list(shiny::tagList(shiny::p("a"), shiny::p("b")))
#> <div class="col-sm-12">
#>   <div class="accordion " id="accordion">
#>     <div class="card">
#>       <div class="card-header">
#>         <h4 class="card-title w-100">
#>           <a aria-expanded="false" class="d-block w-100 collapsed" data-target="#collapse_accordion_1" data-toggle="collapse" href="#"></a>
#>         </h4>
#>       </div>
#>       <div class="collapse" id="collapse_accordion_1">
#>         <div class="card-body">
#>           <p>a</p>
#>         </div>
#>       </div>
#>     </div>
#>     <div class="card">
#>       <div class="card-header">
#>         <h4 class="card-title w-100">
#>           <a aria-expanded="false" class="d-block w-100 collapsed" data-target="#collapse_accordion_2" data-toggle="collapse" href="#"></a>
#>         </h4>
#>       </div>
#>       <div class="collapse" id="collapse_accordion_2">
#>         <div class="card-body">
#>           <p>b</p>
#>         </div>
#>       </div>
#>     </div>
#>   </div>
#> </div>
# purrr::map is used internally so the first layer of list nesting determines what resides in each accordion
acc_list(list("a" , shiny::tagList(shiny::p("a"), shiny::p("b"))))
#> <div class="col-sm-12">
#>   <div class="accordion " id="accordion">
#>     <div class="card">
#>       <div class="card-header">
#>         <h4 class="card-title w-100">
#>           <a aria-expanded="false" class="d-block w-100 collapsed" data-target="#collapse_accordion_1" data-toggle="collapse" href="#">1</a>
#>         </h4>
#>       </div>
#>       <div class="collapse" id="collapse_accordion_1">
#>         <div class="card-body">a</div>
#>       </div>
#>     </div>
#>     <div class="card">
#>       <div class="card-header">
#>         <h4 class="card-title w-100">
#>           <a aria-expanded="false" class="d-block w-100 collapsed" data-target="#collapse_accordion_2" data-toggle="collapse" href="#">2</a>
#>         </h4>
#>       </div>
#>       <div class="collapse" id="collapse_accordion_2">
#>         <div class="card-body">
#>           <p>a</p>
#>           <p>b</p>
#>         </div>
#>       </div>
#>     </div>
#>   </div>
#> </div>