To start using the web component. Import this script in the <head> tag of your page. Once imported, you should be able to mount it as a regular HTML tag in a container.
<epigraph-configurator-lite id="epigraphConfiguratorLite"></epigraph-configurator-lite>
We recommend wrapping this web component in a container div that is controlled by you to achieve the desired width and height on the page.
Here is an example of how we setup this for testing internally.
<style>
/* This is the only styling that our clients would need to add. */
.epigraph-solution-wrapper {
margin: 0;
display: flex;
width: 1440px;
height: 800px;
overflow: hidden;
background: transparent;
}
</style>
<div
id="epigraphConfiguratorWrapper"
class="epigraph-solution-wrapper"
>
<epigraph-configurator-lite
id="epigraphConfiguratorLite"
></epigraph-configurator-lite>
</div>
Once setup, you can access the API that is exposed on this web component via the element's reference in JS/TS.
const epgConfiguratorLiteRef = document.getElementById("epigraphConfiguratorWrapper");
epgConfiguratorLiteRef.api.<someMethodFromTheApi>();
Detailed API reference can be found within the AppApi section of this documentation.
Generated using TypeDoc