Creamie uses the Web Components standard to create custom elements for callbacks.
Custom elements can combine the HTML, CSS, and JS code required for a function, into a single HTML element. This helps you reuse code, maintain consistency, and save your time & effort.
For example, assume your project needs a
Next CTA in every page. These CTAs will probably have CSS styling to put them in a box with 10px height and 30px width, a 3px border, and
#e31b1b background colour; JS code functions for hover and onclick actions; and HTML code to bring these all together.
Rather than coding all of this in every page, you could create a component for the Next CTA and call it whenever you want.
Here's how the
component.js files will look for a new component: