Search Box Category Suggestions

Props

| Name | Type | Description | | :---: | :---: | :---: | | callback-function | string | Name of callback function to be called when category suggestion is clicked | | field | string | Name of the category field | | delimiter | string | The delimiter used in the category field hierarchy | | basePath | [] string | Array of base path for the categories. |

This component adds functionality to the search box by providing category suggestions. It should be placed inside of the <atomic-search-box> component. The field used needs to be a hierarchical field. The logic for what happens when a suggestion is selected can be placed inside of a script tag in the html document.

<script>
    window.selectCategorySuggestion = function () {
        console.log('put your select category suggestion function logic here');
    }
</script>

<atomic-search-box>
    <search-box-category-suggestions field="ec_category" callback-function="selectCategorySuggestion">
    </search-box-category-suggestions>
</atomic-search-box>