Skip to content

Commit 3336597

Browse files
add info blurb
1 parent ee7b8d5 commit 3336597

File tree

6 files changed

+96
-0
lines changed

6 files changed

+96
-0
lines changed

README.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,3 +33,19 @@ token server included in this repository to be running.
3333
4. run `npm i` to install dependencies
3434
5. run `npm run token-server`
3535
6. 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).

client-angular/README.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,3 +10,19 @@ Example for how to embed the Embeddable Web Component in an Angular app.
1010
4. run `npm run start`
1111

1212
Note: 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).

client-react/README.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,3 +30,19 @@ making use of [variables](https://docs.embeddable.com/deployment/interactivity#p
3030
4. in `src/MultiTabApp.js` replace the IDs in the `embeddables` constant with the IDs of the dashboards you'd like to use
3131
5. make sure the token server is running. It can be ran from the **parent folder** using `npm run token-server`
3232
6. 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).

client-vue/README.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,3 +9,19 @@ Example for how to embed the Embeddable Web Component in a Vue.js app.
99
3. in `src/App.vue` set the `embedID` constant to the ID of the Embeddable you would like to display
1010
4. make sure the token server is running. It can be ran from the **parent folder** using `npm run token-server`
1111
5. 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).

http-server/README.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,3 +11,19 @@ To test your Embedded web component:
1111
3. update `test.js` to use your `API_KEY` and `EMBEDDABLE_ID`
1212
4. run `node test.js`
1313
5. 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).

static-react/README.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,3 +9,19 @@ Example for how to embed the Embeddable Web Component using React.
99
3. 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).

0 commit comments

Comments
 (0)