Installation

Both the data connector and the filter component can be downloaded here.

Sample Project

The download includes a sample project that illustrates all the features of the WireBootstrap for Azure Search solution.

WireBootstrap for Azure Search Sample Project

After downloading, open the project in any web project editor. Next, open a terminal window and run the npm first script when running the project for the first time. This will install the npm packages required to run the project and then open the default page in a new browser window.

npm run first

Use npm start to run the project later now that the packages are installed.

npm run start

Assets

To use the solution outside of the sample application, reference the library on a web page after the Core WireBootstrap library. When using the filter component, add a reference to the style sheet. This is not needed when using only the data connector.

<link href="./wire-az-search.css" rel="stylesheet">
<script src="./node_modules/@wirebootstrap/wire/wire.js"></script>
<script src="./wire-az-search.js"></script>