I’ve been trying to figure out how to put a dynamic list (three input checkboxes) into a floating button like the below. My problem seems to be that the three choices are wrapped inside the open/close button so when you throw the code from the codenpen into the dynamic list it wants to have three instances of the button.
Does anyone know how I would achieve putting the codepen inside of a dynamic list?
<div class="bubble-btn">
<input type="checkbox" id="your-id" class="bubble-btn-checkbox">
<label class="bubble-btn-trigger" for="your-id"><i class="material-icons">add</i></label>
<div class="bubble-btn-option"><i class="material-icons">favorite</i></div>
<div class="bubble-btn-option"><i class="material-icons">face</i></div>
<div class="bubble-btn-option"><i class="material-icons">whatshot</i></div>
</div>