ComboboxInputValue

Renders the current inputValue state in the combobox store.

As a value component, it doesn't render any DOM elements and therefore doesn't accept HTML props.

It takes a children function that gets called with the current input value as an argument. This can be used as an uncontrolled API to render the combobox input value in a custom way.

Code examples

<ComboboxProvider>
  <Combobox />
  <ComboboxInputValue>
    {(value) => `Current input value: ${value}`}
  </ComboboxInputValue>
</ComboboxProvider>
<ComboboxProvider>
  <Combobox />
  <ComboboxInputValue>
    {(value) => `Current input value: ${value}`}
  </ComboboxInputValue>
</ComboboxProvider>

Optional Props

`children`

((value: string) => React.ReactNode) | undefined
((value: string) => React.ReactNode) | undefined

A function that gets called with the current input value as an argument. It can be used to render the combobox input value in a custom way.

`store`

ComboboxStore<ComboboxStoreSelectedValue> | undefined
ComboboxStore<ComboboxStoreSelectedValue> | undefined

Object returned by the useComboboxStore hook. If not provided, the closest ComboboxProvider component's context will be used.

ComboboxInputValue

Code examples

Optional Props

children

store

Stay tuned

`children`

`store`