Quickstart

<html>
<head>
    <link href="https://cdn.fastenhealth.com/connect/v4/fasten-stitch-element.css" rel="stylesheet">
    <script src="https://cdn.fastenhealth.com/connect/v4/fasten-stitch-element.js" type="module"></script>
</head>
<body>
    <!-- The fasten-stitch element has multiple options,
    see Web Component page for more information -->
    <fasten-stitch-element public-id="pub_live_123456324234234"></fasten-stitch-element>

    <script type="application/javascript">
        const el = document.querySelector('fasten-stitch-element');
        el.addEventListener('eventBus', (event) => console.log(JSON.parse(event.detail.data)));
    </script>
</body>
</html>

<html>
<head>
    <link href="https://cdn.fastenhealth.com/connect/v4/fasten-stitch-element.css" rel="stylesheet">
    <script src="https://cdn.fastenhealth.com/connect/v4/fasten-stitch-element.js" type="module"></script>
</head>
<body>
    <!-- The fasten-stitch element has multiple options,
    see Web Component page for more information -->
    <fasten-stitch-element public-id="pub_live_123456324234234" tefca-mode="true"></fasten-stitch-element>

    <script type="application/javascript">
        const el = document.querySelector('fasten-stitch-element');
        el.addEventListener('eventBus', (event) => console.log(JSON.parse(event.detail.data)));
    </script>
</body>
</html>