As in the example with enigma.js, you can install Leonardo UI using npm install by running the following command:
npm install --save leonardo-ui
You can then reference the downloaded .js library and styling sheet to your HTML page on your Node.js web app:
<head> <link rel="stylesheet" href="node_modules/leonardo-ui/dist/leonardo-ui.css" type="text/css"/> </head> <body> <!-- Page content --> <script src="node_modules/leonardo-ui/dist/leonardo-ui.js" type="text/javascript"></script> </body>
Instead of using npm install, you can also manually download the Leonardo UI repository and host the reference files on your web page. Make sure to reference them correctly.
In Qlik extensions, Leonardo UI's CSS will be loaded by default when you are building extensions using the Extension API. You will immediately be able to reference the icons, buttons, style, and classes effectively.