Add Typeahead / Autosuggest Molecule
manishekhawat opened this issue · comments
Manish Shekhawat commented
Issue Statement
Create a typeahead / autosuggest component
Summary
Create an independent react component with following requirement considerations:
- Use react-autosuggest to create a wrapper and expose all the functionalities as an API.
- Use the children pattern to have the flexibility to consume any element as the toast body.
- Use the existing input component.
- Create a wrapper named FieldTypeahead with label and export it as part of the form.
- Don't use spread operator to consume props. Define all the supported props in the component declaration for ease of consumption
- Keep a parameter to trigger the request function after "x" characters.
- Option to debounce the fetch request with a prop controlling the duration. Default duration: 500ms
Sample Screenshot
Reference