Combobox

The ComboBox component is used internally for the DataForm UI.
It handles each input with dropdown, tags, formula configuration, etc. It is possible to use it without DataForm by passing options or optionFactories. Additionally, variablesSchema is supported.

Here is the example with static options and local state:

import { ComboBox, ComboBoxOption } from "@integration-app/react";

const staticOptions: ComboBoxOption[] = [
  {
    label: 'Option 1',
    value: 'option-1',
  },
  {
    label: 'Option 2',
    value: 'option-2',
  },
]

export function ComboboxExample() {
  const [value, setValue] = useState<unknown>(null)

  return (
    <ComboBox
      value={value}
      onChange={setValue}
      placeholder='Type here...'
      options={staticOptions}
    />
  )
}

Styling component parts

Styling is supported, see Components page for more details.

The ComboBox component is made of multiple smaller components, here is a list of parts for each:

Component:
dropdown