UNPKG

qdt-components-modified

Version:

Qlik Demo Team Components

github.com/qlik-demo-team/

rutasa/qdt-components

65 lines (38 loc) • 3.04 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
![Banner](docs/assets/banner.png "Banner") [![latest npm badge](https://img.shields.io/npm/v/qdt-components/latest.svg)](https://www.npmjs.com/package/qdt-components) # Qdt Components Qlik-powered components built by the Qlik Demo Team (aka Qdt). For use with simple HTML (Vanilla JavaScript), Angular 10, React 16, and Vue 2 ## Style Guide - components have the signature ({ model, layout, options }) => () - don't change qdtCompose or QdtComponent - picasso settings should be functions that receive theme, properties, and the minimum set of parameters - components and interactions in picasso settings should have a parameter and be added with push so they can be conditionally included ### Installation `npm install --save qdt-components` ### Live Demo with the latest additions - https://qdt-apps.qlik.com/qdt-components/react/ --- ### Usage Click below to see how you can use qdt-components * [On a simple HTML page](docs/usage/Html.md) * [With Angular](docs/usage/Angular.md) * [With React](docs/usage/React.md) * [With Vue](docs/usage/Vue.md) --- ### Components | [QtdViz](docs/components/QdtViz.md)| [QdtCurrentSelections](docs/components/QdtCurrentSelections.md)| [QdtFilter](docs/components/QdtFilter.md) | [QdtSelectionToolbar](docs/components/QdtSelectionToolbar.md) | | :----:| :----: |:----: |:----: | | [![QtdViz](docs/assets/embedded.png)](docs/components/QdtViz.md) | [![QdtCurrentSelections](docs/assets/currentSelections.png)](docs/components/QdtCurrentSelections.md)| [![QdtFilter](docs/assets/filters.png)](docs/components/QdtFilter.md) | [![QdtSelectionToolbar](docs/assets/selectionToolbar.png)](docs/components/QdtSelectionToolbar.md) | |Visualization API|Visualization API|Engine API|Engine API| | [QdtPicasso](docs/components/QdtPicasso/)| [QdtSearch](docs/components/QdtSearch.md)| [QtdMapBox](docs/components/QdtMapBox.md)| [QdtTable](docs/components/QdtTable.md) | | :----:| :----: |:----: |:----: | |[![QdtPicasso](docs/components/QdtPicasso/assets/picassoCustomGroupBarchart.png)](docs/components/QdtPicasso/)| [![QdtSearch](docs/assets/search.png)](docs/components/QdtSearch.md) | [![QtdMapBox](docs/assets/picassoMapbox.png)](docs/components/QdtMapBox.md) |[![QdtTable](docs/assets/table.png)](docs/components/QdtTable.md) | |Engine API|Engine API|Engine API|Engine API| | [QdtSequencer](docs/components/QdtSequencer.md)|[QdtKpi](docs/components/QdtKpi.md)| | | | :----:| :----: | :----: | :----: | | [![QdtSequencer](docs/assets/sequencer.png)](docs/components/QdtSequencer.md) | [![QdtKpi](docs/assets/kpi.png)](docs/components/QdtKpi.md) | ![](docs/assets/spacer.png) | ![](docs/assets/spacer.png) | |Engine API|Engine API| | | --- ### Contributing Please see [CONTRIBUTING](https://github.com/qlik-demo-team/qdt-components/blob/master/CONTRIBUTING.md) to learn more. ### [Version Log](https://github.com/qlik-demo-team/qdt-components/blob/master/docs/components/QdtMapBox.md)