0.4.24 • Published 10 months ago

@dataspike/docver-widget v0.4.24

Weekly downloads
-
License
-
Repository
github
Last release
10 months ago

DocVer-widget

Live Demo

Please check live demo

Install

yarn install @dataspike/docver-widget

or

npm i @dataspike/docver-widget

or add static js file

https://static.dataspike.io/scripts/dataspike-{version}.js

Actual version you can find in https://www.npmjs.com/package/@dataspike/docver-widget

How to use:

import { DocsVerificationWidget } from @dataspike/docver-widget;
....
DocsVerificationWidgetProps(props);

Available props:

Example:

import { DocsVerificationWidget } from '@dataspike/docver-widget';

export const renderWidget = async () => {
   if (container) {
       DocsVerificationWidget({
           id: 'VF57124F182867E0'
           elementId: 'root',
           apiUrl: 'https://api.dataspike.io',
       });
   }
};

renderWidget()

Or

<script type="module" defer src="https://static.dataspike.io/scripts/dataspike-{version}.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        const renderWidget = async () => {
            const container = window.document.querySelector('#root');
            if (container) {
                window.DocsVerificationWidget({
                    id: 'VF57124F182867E0',
                    elementId: 'root',
                    apiUrl: 'https://api.dataspike.io',
                });
            }
        };

        renderWidget()
    });
</script>

Html:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <noscript>You need to enable JavaScript to run this app.</noscript>
        <div id="root"></div>
    </body>
</html>

Theme:

In comment described default value:

export type Theme = {
    palette?: Partial<{
        textMain: string; // #000000
        textLight: string; // #737390
        primaryA1: string; // #6664E8
        primaryA2: string; // #5A58DF
        primaryA3: string; // #D0D0FC
        primaryA4: string; // #E8E8FC
        primaryA5: string; // #E0E0FA
        primaryA6: string; // #E6EDFB
        primaryA7: string; // #FFFFFF
        secondaryA1: string; // #F6CDD9
        secondaryA2: string; // #F6F0C0
        secondaryA3: string; // #52C27F
        secondaryA4: string; // #FF5050
        secondaryA5: string; // #FFFCFD
        secondaryA6: string; // #FABC46
        secondaryA7: string; // #B25DF5
        secondaryA8: string; // #EDECFC
        secondaryA9: string; // #DEE1F2
        secondaryA10: string; // #F6F8FE
        secondaryA11: string; // #EDECFC
        secondaryA12: string; // #FAFAFC
    }>;
    typography?: Partial<{
        fontFamily: string; // Mont, sans-serif
        body1: {
            fontFamily: string; // Mont, sans-serif
        };
        body2: {
            fontFamily: string; // Mont, sans-serif
        };
        caption: {
            fontFamily: string; // Mont, sans-serif
        };
        h1: Partial<{
            fontFamily: string; // Mont, sans-serif
            fontSize: string; // 50px
            fontWeight: string; // 500
            lineHeight: string; // 70px
            letterSpacing: string; // -0.01em
        }>;
        h2: Partial<{
            fontFamily: string; // Mont, sans-serif
            fontSize: string; // 28px
            fontWeight: string; // 500
            lineHeight: string; // 40px
            letterSpacing: string; // -0.01em
        }>;
        h3: Partial<{
            fontFamily: string; // Mont, sans-serif
            fontSize: string; // 20px
            fontWeight: string; // 500
            lineHeight: string; // 30px
            letterSpacing: string; // -0.01em
        }>;
        text: Partial<{
            fontSize: string; // 14px
            lineHeight: string; // 22px
            letterSpacing: string; // 0.002em
        }>;
        textBold: Partial<{
            fontSize: string; // 14px
            fontWeight: string; // 500
            lineHeight: string; // 22px
            letterSpacing: string; // 0.002em
        }>;
        smallText: Partial<{
            fontSize: string; // 12px
            lineHeight: string; // 18px
            letterSpacing: string; // 0.002em
        }>;
        smallTextBold: Partial<{
            fontSize: string; // 12px
            fontWeight: string; // 500
            lineHeight: string; // 18px
            letterSpacing: string; // 0.002em
        }>;
    }>;
};

If you have any question about integration, please contact us.

0.4.21

10 months ago

0.4.24

10 months ago

0.4.20

10 months ago

0.4.19

10 months ago

0.4.18

10 months ago

0.4.17

11 months ago

0.4.16

11 months ago

0.4.9

1 year ago

0.4.8

1 year ago

0.4.10

1 year ago

0.4.13

12 months ago

0.4.14

12 months ago

0.4.11

1 year ago

0.4.12

12 months ago

0.4.5

1 year ago

0.4.4

1 year ago

0.4.7

1 year ago

0.4.6

1 year ago

0.4.3

1 year ago

0.4.2

1 year ago

0.4.1

1 year ago

0.4.0-rc32

1 year ago

0.4.0-rc31

1 year ago

0.4.0-rc27

1 year ago

0.4.0-rc26

1 year ago

0.4.0-rc25

1 year ago

0.4.0-rc24

1 year ago

0.4.0-rc29

1 year ago

0.4.0-rc28

1 year ago

0.4.0-rc23

1 year ago

0.4.0-rc22

1 year ago

0.4.0-rc21

1 year ago

0.4.0-rc20

1 year ago

0.4.0-rc30

1 year ago

0.4.0-rc16

1 year ago

0.4.0-rc17

1 year ago

0.4.0-rc15

1 year ago

0.4.0-rc14

1 year ago

0.4.0-rc13

1 year ago

0.4.0-rc12

1 year ago

0.4.0-rc10

1 year ago

0.4.0-rc9

1 year ago

0.4.0-rc8

1 year ago

0.4.0-rc7

1 year ago

0.4.0-rc6

1 year ago

0.4.0-rc5

1 year ago

0.4.0-rc2

1 year ago

0.4.0-rc1

1 year ago

0.3.29

2 years ago

0.3.28

2 years ago

0.3.27

2 years ago

0.3.26

2 years ago

0.3.25

2 years ago

0.3.24

2 years ago

0.3.23

2 years ago

0.3.22

2 years ago

0.2.20

2 years ago

0.2.19

2 years ago

0.2.18

2 years ago

0.2.17

2 years ago

0.3.20

2 years ago

0.2.21-rc7

2 years ago

0.2.21-rc8

2 years ago

0.2.15

2 years ago

0.2.21-rc5

2 years ago

0.2.14

2 years ago

0.2.21-rc6

2 years ago

0.2.13

2 years ago

0.2.12

2 years ago

0.2.11

2 years ago

0.2.10

2 years ago

0.3.21

2 years ago

0.3.0

2 years ago

0.2.21-rc3

2 years ago

0.2.21-rc4

2 years ago

0.3.19

2 years ago

0.2.21-rc1

2 years ago

0.3.18

2 years ago

0.2.21-rc2

2 years ago

0.3.6

2 years ago

0.3.5

2 years ago

0.3.8

2 years ago

0.3.7

2 years ago

0.1.9

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.3.4

2 years ago

0.3.3

2 years ago

0.3.9

2 years ago

0.3.17

2 years ago

0.3.16

2 years ago

0.3.15

2 years ago

0.3.14

2 years ago

0.3.13

2 years ago

0.3.12

2 years ago

0.3.2-rc1

2 years ago

0.3.11

2 years ago

0.3.10

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.2.7

2 years ago

0.2.6

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.5

2 years ago

0.2.4

2 years ago

0.1.8

2 years ago

0.1.7

2 years ago

0.1.6

2 years ago

0.1.1-rc3

2 years ago