Typeahead

Import

import {Typeahead} from '@astryxdesign/core/Typeahead';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A searchable input for selecting a single item from a large or dynamic dataset. Results appear as the user types, with support for async data sources, debounced search, and cust...

Important props

Theming targets

Best practices

• DoProvide descriptive placeholder text that hints at what users can search for.
• DoShow suggestions on focus when users benefit from seeing popular or recent options before typing.
• DoAdd a search delay for remote data sources to avoid excessive network requests.
• DoUse inside InputGroup when the typeahead needs a single-line prefix or suffix addon.