Choc Autocomplete

Overview

The All Contributors theme is a versatile tool that allows users to easily add contributors to their project with various input methods, including mouse and keyboard. It offers features such as group creation, custom rendering, multi-select with tags, creatable items, loading state, and autocomplete methods.

Features

• Group Creation: Users can create groups with the AutoCompleteGroup component and add a title with the AutoCompleteGroupTitle component.
• Accessing the Internal State: Developers can access the internal state of the AutoComplete using a function as children, providing access to the isOpen state with the onOpen and onClose methods.
• Custom Rendering: The AutoComplete allows for custom rendering, where users can render whatever component they prefer for the AutoComplete Items, which are regular Chakra Boxes.
• Multi-Select with Tags: The AutoComplete component can be set to allow multi-selecting with tags. The onChange prop now returns an array of the chosen values, and users can map the tags using the AutoCompleteTag component or any other component of their choice.
• Creatable Items: The AutoComplete supports creatable items, allowing users to add extra items when their options are not available in the provided options. The creatable prop enables this functionality, and the AutoCompleteCreatable component can be added to the bottom of the list for more information on this feature.
• Loading State: To provide a better user experience when pulling data from an API, the AutoComplete supports a loading state. By enabling the isLoading prop, the loadingIcon will display a loading icon on the right side of the input, and the loadingState on AutoCompleteList can display custom loading content when isLoading is true.
• Autocomplete Methods: The AutoComplete component provides methods that can be called using a ref. These methods allow for programmatic control over the AutoComplete functionality.