File tree Expand file tree Collapse file tree 6 files changed +96
-0
lines changed
Expand file tree Collapse file tree 6 files changed +96
-0
lines changed Original file line number Diff line number Diff line change @@ -33,3 +33,19 @@ token server included in this repository to be running.
33334 . run ` npm i ` to install dependencies
34345 . run ` npm run token-server `
35356 . follow the instructions in the ` client-* ` folder to run a client
36+
37+ ---
38+
39+ <picture >
40+ <source media =" (prefers-color-scheme: dark) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent@2x.png 2x " >
41+ <source media =" (prefers-color-scheme: light) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent@2x.png 2x " >
42+ <img alt =" Embeddable " src =" https://docs.embeddable.com/img/logos/colour-horizontal-black@2x.png " width =" 216 " >
43+ </picture >
44+
45+ [ Embeddable] ( https://embeddable.com/ ) is a developer toolkit for building fast,
46+ interactive, customer-facing analytics directly into your product.
47+ Fully customize analytics dashboards using React.js, and seamlessly
48+ integrate them anywhere with Web Components.
49+
50+ Discover more about Embeddable by reading our [ Docs] ( https://docs.embeddable.com/ ) ,
51+ [ Customer Stories] ( https://embeddable.com/customer-stories ) , and [ Blog] ( https://embeddable.com/blog ) .
Original file line number Diff line number Diff line change @@ -10,3 +10,19 @@ Example for how to embed the Embeddable Web Component in an Angular app.
10104 . run ` npm run start `
1111
1212Note: This example does not use the token server from this repository.
13+
14+ ---
15+
16+ <picture >
17+ <source media =" (prefers-color-scheme: dark) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent@2x.png 2x " >
18+ <source media =" (prefers-color-scheme: light) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent@2x.png 2x " >
19+ <img alt =" Embeddable " src =" https://docs.embeddable.com/img/logos/colour-horizontal-black@2x.png " width =" 216 " >
20+ </picture >
21+
22+ [ Embeddable] ( https://embeddable.com/ ) is a developer toolkit for building fast,
23+ interactive, customer-facing analytics directly into your product.
24+ Fully customize analytics dashboards using React.js, and seamlessly
25+ integrate them anywhere with Web Components.
26+
27+ Discover more about Embeddable by reading our [ Docs] ( https://docs.embeddable.com/ ) ,
28+ [ Customer Stories] ( https://embeddable.com/customer-stories ) , and [ Blog] ( https://embeddable.com/blog ) .
Original file line number Diff line number Diff line change @@ -30,3 +30,19 @@ making use of [variables](https://docs.embeddable.com/deployment/interactivity#p
30304 . in ` src/MultiTabApp.js ` replace the IDs in the ` embeddables ` constant with the IDs of the dashboards you'd like to use
31315 . make sure the token server is running. It can be ran from the ** parent folder** using ` npm run token-server `
32326 . run ` npm start `
33+
34+ ---
35+
36+ <picture >
37+ <source media =" (prefers-color-scheme: dark) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent@2x.png 2x " >
38+ <source media =" (prefers-color-scheme: light) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent@2x.png 2x " >
39+ <img alt =" Embeddable " src =" https://docs.embeddable.com/img/logos/colour-horizontal-black@2x.png " width =" 216 " >
40+ </picture >
41+
42+ [ Embeddable] ( https://embeddable.com/ ) is a developer toolkit for building fast,
43+ interactive, customer-facing analytics directly into your product.
44+ Fully customize analytics dashboards using React.js, and seamlessly
45+ integrate them anywhere with Web Components.
46+
47+ Discover more about Embeddable by reading our [ Docs] ( https://docs.embeddable.com/ ) ,
48+ [ Customer Stories] ( https://embeddable.com/customer-stories ) , and [ Blog] ( https://embeddable.com/blog ) .
Original file line number Diff line number Diff line change @@ -9,3 +9,19 @@ Example for how to embed the Embeddable Web Component in a Vue.js app.
993 . in ` src/App.vue ` set the ` embedID ` constant to the ID of the Embeddable you would like to display
10104 . make sure the token server is running. It can be ran from the ** parent folder** using ` npm run token-server `
11115 . run ` npm run dev `
12+
13+ ---
14+
15+ <picture >
16+ <source media =" (prefers-color-scheme: dark) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent@2x.png 2x " >
17+ <source media =" (prefers-color-scheme: light) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent@2x.png 2x " >
18+ <img alt =" Embeddable " src =" https://docs.embeddable.com/img/logos/colour-horizontal-black@2x.png " width =" 216 " >
19+ </picture >
20+
21+ [ Embeddable] ( https://embeddable.com/ ) is a developer toolkit for building fast,
22+ interactive, customer-facing analytics directly into your product.
23+ Fully customize analytics dashboards using React.js, and seamlessly
24+ integrate them anywhere with Web Components.
25+
26+ Discover more about Embeddable by reading our [ Docs] ( https://docs.embeddable.com/ ) ,
27+ [ Customer Stories] ( https://embeddable.com/customer-stories ) , and [ Blog] ( https://embeddable.com/blog ) .
Original file line number Diff line number Diff line change @@ -11,3 +11,19 @@ To test your Embedded web component:
11113 . update ` test.js ` to use your ` API_KEY ` and ` EMBEDDABLE_ID `
12124 . run ` node test.js `
13135 . open ` localhost:8080 ` to see your embedded dashboard
14+
15+ ---
16+
17+ <picture >
18+ <source media =" (prefers-color-scheme: dark) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent@2x.png 2x " >
19+ <source media =" (prefers-color-scheme: light) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent@2x.png 2x " >
20+ <img alt =" Embeddable " src =" https://docs.embeddable.com/img/logos/colour-horizontal-black@2x.png " width =" 216 " >
21+ </picture >
22+
23+ [ Embeddable] ( https://embeddable.com/ ) is a developer toolkit for building fast,
24+ interactive, customer-facing analytics directly into your product.
25+ Fully customize analytics dashboards using React.js, and seamlessly
26+ integrate them anywhere with Web Components.
27+
28+ Discover more about Embeddable by reading our [ Docs] ( https://docs.embeddable.com/ ) ,
29+ [ Customer Stories] ( https://embeddable.com/customer-stories ) , and [ Blog] ( https://embeddable.com/blog ) .
Original file line number Diff line number Diff line change @@ -9,3 +9,19 @@ Example for how to embed the Embeddable Web Component using React.
993 . open ` react-test.html ` in a web browser
1010
1111⚠️ Using a token directly in the client directly is only for testing purposes.
12+
13+ ---
14+
15+ <picture >
16+ <source media =" (prefers-color-scheme: dark) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-white-transparent@2x.png 2x " >
17+ <source media =" (prefers-color-scheme: light) " srcset =" https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent.png, https://docs.embeddable.com/img/logos/colour-horizontal-black-transparent@2x.png 2x " >
18+ <img alt =" Embeddable " src =" https://docs.embeddable.com/img/logos/colour-horizontal-black@2x.png " width =" 216 " >
19+ </picture >
20+
21+ [ Embeddable] ( https://embeddable.com/ ) is a developer toolkit for building fast,
22+ interactive, customer-facing analytics directly into your product.
23+ Fully customize analytics dashboards using React.js, and seamlessly
24+ integrate them anywhere with Web Components.
25+
26+ Discover more about Embeddable by reading our [ Docs] ( https://docs.embeddable.com/ ) ,
27+ [ Customer Stories] ( https://embeddable.com/customer-stories ) , and [ Blog] ( https://embeddable.com/blog ) .
You can’t perform that action at this time.
0 commit comments