Usage:

To initialise the answers experience app on an external site, you need to have the main script loaded

      <script src="https://design-system.yext.com/dist/js/main.js"></script>
      

Once the script is loaded, you can call initAnswersArticleTiles(), which accepts the following arguments:

1. container (string, required) - ID DOM selector: This is the container where the app will be injected
2. scorllTo (string, required) - ID DOM selector: This is the element/section that the page will scroll to after new pagination link is clicked
3. verticalKey (string, optional) - Vertical Key: The key to the vertical (e.g.: "case_studies", "resources"). Falls back to "case_studies"
4. input (string, optional) - The input query for the vertical (e.g.: "food", "healthcare", "retail")
5. limit (boolean, optional) - The limit query for the vertical (how many cards to show at once). Default
6. isFilterAccordionFullyOpen (boolean, optional) - Specify whether the filter accordion should be fully opened on page load. Default value: false
7. showSearchBar (boolean, optional) - option to show search bar. Defaul: false
8. searchBarPlaceholder (string, optional) - Placeholder text inside search bar.

    <script>
      DesignSystem.main.initAnswersArticleTiles({
        container: "#answers-article-tiles",
        scrollTo: "#answers-article-tiles-section",
        verticalKey: "case_studies",
        input: "food",
      });
    </script>