Form Controls

Combobox

Filterable single-select with listbox semantics and keyboard navigation.

Element: <div>
Module: @basenative/components
Function: renderCombobox

Quick start

Import the render function and call it from your server template.

import { renderCombobox } from '@basenative/components';

renderCombobox({ name: 'framework', label: 'Framework', items: ['React', 'Vue', 'Svelte'] });

Examples

Each block is a real server render — no mockups, no virtual DOM.

Filterable select

Type to filter; arrow keys to navigate; enter to select.

Live render

Framework

Source

renderCombobox({
  name: 'framework',
  label: 'Framework',
  items: ['Angular', 'React', 'Vue', 'Svelte', 'Solid', 'Lit', 'Qwik', 'Astro'],
  placeholder: 'Search frameworks…',
})

Options

Arguments accepted by renderCombobox().

renderCombobox option reference
Option	Type	Default	Description
`name`	`string`	`—`	Form field name.
`label`	`string`	`—`	Field label.
`items`	`string[]`	`—`	Available options.
`placeholder`	`string`	`''`	Empty input placeholder.