# Installation

WireBootstrap for Qlik can be downloaded from [here](https://www.wirebootstrap.com/products/qlik.html).

## Sample Project

The download includes a sample project that demonstrates the different ways in which Qlik can be used inside applications developed with WireBootstrap.

![WireBootstrap for Qlik Sample Project](https://131117180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAHqGToIxX3JtimENDVMt%2Fuploads%2FapuMV1MBeDOOe8xTgD7B%2Fimage.png?alt=media\&token=51d3e296-362d-4319-9902-5c5a54394e54)

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
```

## WireBootstrap Qlik Component

The WireBootstrap Qlik Component is located in the root at \wire-qlik.js.

To use the component outside of the sample application, reference the library on a web page *after* the [Core WireBootstrap library](https://docs.wirebootstrap.com/wirebootstrap/overview).  

```html

<!-- WireBootstrap Core -->
<script src="./node_modules/@wirebootstrap/wire/wire.js"></script>

<!-- WireBootstrap for Qlik -->
<script src="./wire-qlik.js"></script>

```

For details on using the component, visit [Qlik Component](https://docs.wirebootstrap.com/qlik/qlik-component).