widget-tutorial/src/tutorial/leonardo-ui/readme.md

A comprehensive tutorial + recipes to get started with widgets in Qlik Sense.

---
title: "Using Leonardo-UI"
sub-title: "Bring the typical Look & Feel of Qlik Sense into your widgets."
---

## Exercise

- Create a new widget and call it “Leonardo-UI”
- Use the “Insert” dialog to add code snippets using Leonardo-UI

## Bonus exercise

- Make e.g. a ButtonGroup dynamic by combining Leonardo-UI and AngularJS

## Solution

This is how your widget could look like:

![](images/result.png)

A possible result can be seen in “Result: Leonardo-UI” as part of the widget library “widget-exercises”.