Skip to contents

Create a combobox container using Designsystemet styles. Unlike ds_suggestion, this is a pure CSS component — keyboard navigation and dropdown behaviour must be implemented by the caller.

Usage

ds_combobox(inputId, ..., size = NULL, class = NULL)

Arguments

inputId

The input slot for Shiny reactivity

...

Child elements (input wrapper, options wrapper, etc.)

size

Size variant ("sm", "md", "lg")

class

Additional CSS classes

Value

A Shiny tag object

Examples

ds_combobox("mycombo",
  htmltools::tags$div(class = "ds-combobox__input__wrapper",
    htmltools::tags$input(class = "ds-combobox__input", type = "text")
  ),
  htmltools::tags$div(class = "ds-combobox__options-wrapper")
)
#> <div id="mycombo" class="ds-combobox">
#>   <div class="ds-combobox__input__wrapper">
#>     <input class="ds-combobox__input" type="text"/>
#>   </div>
#>   <div class="ds-combobox__options-wrapper"></div>
#> </div>