...
| Code Block | ||
|---|---|---|
| ||
<head>
...
<script src="../../cubx.core.rte@2.2.3/webcomponents-lite/webcomponents-lite.js"></script>
<script>
// 1. You should add the dependency of the desired component to the rootDependencies
window.cubx = {
"CRCInit": {
"rootDependencies": [
{
"webpackageId": "com.incowia.lib.chart-library@0.3.0-SNAPSHOTbasic-html-components@1.2",
"artifactId": "basecubx-charttextarea"
}
]
}
}
</script>
<script src="../../cubx.core.rte@2.2.3/crc-loader/js/main.js" data-crcinit-loadcif="true"></script>
</head>
<body>
...
<script>
// 2. Create the component using the document API method createElement()
var cubxTextArea = document.createElement('cubx-textarea');
// 3. Append the component to the Cubbles container
document.body.appendChild(cubxTextArea);
</script>
</body> |
...