@dangl/web-components-ava 1.1.2-beta0165 → 1.1.2-beta0166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +15 -10
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -27,23 +27,28 @@ To use these components, import components to your html file via script.
27
27
 
28
28
  ### For using Tree component
29
29
 
30
- ```javascript
31
- <ava-tree id="ava-tree"></ava-tree>
30
+ ```html
31
+ <ava-tree id="ava-tree"></ava-tree>
32
+ <script>
32
33
  const tree = document.getElementById('ava-tree');
33
- const serviceSpecifications = {...}
34
- tree.project = serviceSpecifications;
35
-
34
+ const project = {...}
35
+ tree.project = project;
36
+ </script>
36
37
  ```
37
38
 
38
39
  ### For using Invoice component
39
40
 
40
- ```javascript
41
- <ava-invoice-display></ava-invoice-display>
42
- const INVOICE = {...}
43
- window['IvoiceGlobalVariable'] = INVOICE;
41
+ ```html
42
+ <ava-invoice-display id="invoiceTree"></ava-invoice-display>
43
+ <script>
44
+ const INVOICE = @invoicePlaceholder@;
45
+ window['InvoiceGlobalVariable'] = INVOICE;
46
+ // The config is optional
47
+ const tree = document.getElementById('invoiceTree');
48
+ tree.config = @invoiceConfigPlaceholder@;
49
+ </script>
44
50
  ```
45
51
 
46
-
47
52
  ### Demo
48
53
 
49
54
  You can run `node example` in the `projects/web-components/example` folder to run a
package/package.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@dangl/web-components-ava",
3
- "version": "1.1.2-beta0165"
3
+ "version": "1.1.2-beta0166"
4
4
  }