Unstyled combobox engine providing input, search, keyboard navigation, and dropdown. No wrapper div, no border styling, no token rendering. Used by Typeahead and Tokenizer for custom compositions.
ts
| Guidance | Practices |
|---|---|
| Do | Use Typeahead or Tokenizer for standard fields — they wrap BaseTypeahead with the wrapper div, border styling, and token rendering it intentionally omits. |
| Do | Provide your own wrapper div with border and layout when composing directly — BaseTypeahead renders no visual chrome of its own. |
| Do | Pass anchorRef pointing to your wrapper so the dropdown positions against your custom input chrome, not just the bare input element. |
| Don't | Expect a wrapper div, border, or token rendering — BaseTypeahead is an engine only; all visual chrome is the caller's responsibility. |
| Don't | Use BaseTypeahead when Typeahead or Tokenizer would suffice — the extra wrapper and styling work is only justified for truly custom compositions. |
BaseTypeahead embedded inside a custom-styled wrapper. The wrapper provides its own border and icon chrome; anchorRef positions the dropdown relative to it. Use this pattern when Typeahead's built-in field layout does not fit your composition.