Getting Started
Getting started with @motor-js/nebula

Install via npm

The fastest way to get started is to install via npm.
1
npm i @motor-js/nebula @motor-js/engine
Copied!

Usage

Start by wrapping your application with the Motor (from our engine package) and NebulaConnection components, at the root of your project. This handles connection to the Qlik engine and is needed for the components in your application to work.
You need to use the Motor component from @motor-js/engine in order for the nebula package to work. The Motor component establishes the connection to your Qlik app.
1
// 1. Import the Motor component
2
import { Motor } from @motor-js/engine
3
import { NebulaConnection } from @motor-js/nebula
4
5
function App() {
6
7
return (
8
// 2. Use at the root of your project
9
<Motor
10
config={
11
host: "myqliksite.qlik.com",
12
secure: true,
13
port: 433,
14
prefix: "",
15
appId: 'myAwesomeApp',
16
}
17
>
18
<NebulaConnection>
19
<App />
20
</NebulaConnection>
21
</Motor>
22
)
23
}
Copied!
Next, import the NebulaContainer component and you are good to go
1
import { NebulaContainer } from "@motor-js/nebula"
2
3
const Component = () => {
4
5
return (
6
<div>
7
<NebulaContainer
8
render={{
9
id: 'objectIdFromQlikApp'
10
}}
11
styles={{
12
width: '80%',
13
height: 400,
14
paddingTop: 50,
15
}}
16
/>
17
</div>
18
);
19
20
};
Copied!
Last modified 6mo ago
Copy link