I have prototyped my plugin in codepen and am now trying to port it to a bubble plugin. My starter HTML for an image gallery looks like this
<link rel="stylesheet" href="https://cssgram-cssgram.netdna-ssl.com/cssgram.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
<div class="slider" id="slider">
<div class='progress'></div>
<div class='pagination'></div>
</div>
I inevitably add slides / images to the HTML via javascript.
I’ve actually made Bubble plugins before so I know how to handle the JS side of things but I’m not sure how to add this initial body HTML
<div class="slider" id="slider">
<div class='progress'></div>
<div class='pagination'></div>
</div>
How do I add this? Do I have to create these nodes via js too?