@sqlrooms/ui / Combobox

Variable: Combobox

const Combobox: <T>(__namedParameters) => Element & object

Compound component for Popover-based combobox selectors.

Type Declaration

Name	Type	Default value
Trigger	FC<PropsWithChildren<ComboboxTriggerProps>>	ComboboxTrigger
Content	FC<PropsWithChildren<ComboboxContentProps>>	ComboboxContent
Item	FC<PropsWithChildren<ComboboxItemProps>>	ComboboxItem

Example

<Combobox value={value} onChange={setValue}>
  <Combobox.Trigger>
    <span>{selectedLabel}</span>
  </Combobox.Trigger>
  <Combobox.Content searchable searchPlaceholder="Search...">
    {options.map((option) => (
      <Combobox.Item key={option.value} value={option.value}>
        <span>{option.label}</span>
      </Combobox.Item>
    ))}
  </Combobox.Content>
</Combobox>