import scrawl from '../source/scrawl.js';import scrawl from '../source/scrawl.js';Import the component code we want to use
import { spotlightText, jazzyButton, pagePerformance } from './components/test-001.js';let spotlightElements = document.querySelectorAll('.spotlight-text');
let jazzyElements = document.querySelectorAll('.jazzy-button');
let pageReport = document.querySelectorAll('#reportmessage');… And then skin them using the component code we imported
spotlightElements.forEach(el => spotlightText(el));
let myJazzy = [];
jazzyElements.forEach(el => myJazzy.push(jazzyButton(el)));make the third jazzy button (in the middle of the grid element) display its canvas over the button
myJazzy[2].element.set({
canvasOnTop: true,
});
pageReport.forEach(el => pagePerformance(el));console.log(scrawl.library)