Module / v1.0.0-beta.7

@typed/ui/Combobox

12 unique exports available through this public import path, including their members and aliases.

Learn this UI primitive →

import * as Combobox from "@typed/ui/Combobox";

Editable input

  • Input

    function

    Renders the native combobox input, keeps its value property synchronized, opens on focus, and handles Arrow, Enter, and Escape when a collection is supplied.

  • InputOptions

    interface

    Inputs accepted by Combobox.Input in addition to the shared DOM host options.

Query and popup state

  • InitialState

    interface

    Initial Combobox values. value defaults to an empty string, open to false, activeId to null, loop to true, and virtual focus is enabled.

  • State

    interface

    Editable query text, popup visibility, and the active suggestion identity. value can contain unmatched text; active suggestion focus does not validate a domain choice.

  • StateSchema

    variable

    Effect Schema used by makeState to encode, decode, and hydrate Combobox state.

  • makeState

    function

    Creates hydrated Combobox state. value defaults to an empty string, open to false, activeId to null, loop to true, and virtual focus is enabled.

  • setValue

    function

    Stores the input value, clears activeId, and opens the popup in one state update.

Suggestion popup

  • Popover

    function

    Renders manual-popover listbox content, mirrors native toggle events into open state, and scrolls the selected option when opened.

  • PopoverOptions

    interface

    Inputs accepted by Combobox.Popover in addition to the shared DOM host options.

Suggestion registration

Suggestions

  • Item

    function

    Renders and optionally registers one option; disabled options expose aria-disabled and do not select on click.

  • ItemOptions

    interface

    Inputs accepted by Combobox.Item in addition to the shared DOM host options.