Combo

The combo_box() component represents a drop-down menu with a list of the available options and a text input field to narrow down the options.

See the official documention for combo box, for all the correct props.

Examples

combo_box(
  id = "combo",
  placeholder = "A dropdown",
  combo(text = "item1"),
  combo(text = "item2"),
  combo(text = "item3")
)

combo_box(
  id = "combo",
  placeholder = "2 columns",
  combo(text = "I1", `additional-text` = "item1"),
  combo(text = "I2", `additional-text` = "item2"),
  combo(text = "I3", `additional-text` = "item3")
)

combo_box(
  id = "combo",
  placeholder = "Groups",
  combo_group(text = "Group 1"),
  combo(text = "item1"),
  combo(text = "item2"),
  combo(text = "item3"),
  combo_group(text = "Group 2"),
  combo(text = "item4"),
  combo(text = "item5"),
  combo(text = "item6", value = "xxx")
)