{"repo":"anubra266/choc-autocomplete","free":true,"listed":false,"github":"https://github.com/anubra266/choc-autocomplete","clone":"git clone https://github.com/anubra266/choc-autocomplete.git","description":"🏇 Autocomplete Component Package for Chakra UI","language":"TypeScript","stars":432,"topics":["autocomplete","combobox","chakra-ui","choc-ui","anubra266","hacktoberfest","react","select","dropdown"],"license":"MIT","category":"ui-components","readme_excerpt":"🏇 @choc-ui/chakra-autocomplete AutoComplete Component for the Chakra UI Library. Chakra V3 and V2 Support AutoComplete Version 6+ supports Chakra UI V3. If you are using Chakra UI V2, please continue to use the current choc-autocomplete v5.X documentation here. We will continue to try and support Chakra V2 but will eventually be removed once V3 becomes more widely adopted. For help migrating from Chakra UI V2 to V3, please see their migration guide The public API of the AutoComplete components have not changed with this migration. Known issues with Chakra V3 There is only 1 known display issue with Chakra V3. When using the multiple prop, it is no longer possible to replicate the same styling to the Box wrapper as what the underlying Input is using. We are still looking into ways to resolve this, but neither the Chakra nor next-themes teams have published guidance on this yet. Install Preview With Mouse With Keyboard Usage Basic Usage Creating Groups You can create groups with the AutoCompleteGroup Component, and add a title with the AutoCompleteGroupTitle component. Accessing the internal state To access the internal state of the AutoComplete , use a function as children (commonly known as a render prop). You'll get access to the internal state isOpen , with the onOpen and onClose methods. Custom Rendering You can Render whatever you want. The AutoComplete Items are regular Chakra Boxes. Multi Select with Tags Add the multiple prop to AutoComplete component, the AutoComplet","default_branch":null,"files":null,"tree":[],"storefront":"/r/anubra266","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/anubra266/choc-autocomplete/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}