Fulcrum Elements Introduction

Fulcrum Elements is a library of web components, templates, and recipes to help you get started with personalization on your e-commerce site. Built with performance and accessibility in mind, Fulcrum Elements provides a solid foundation for creating engaging user experiences. One of the key features of web components is the ability to create custom elements: that is, HTML elements whose behavior is defined by the web developer, that extend the set of elements available in the browser - as if they were native HTML elements. The benefit is that the implementation details are encapsulated within the element itself, hidden from the user who can now simply focus on styling and content. For instance, in the Carousel Example:

<fulcrum-element-carousel>
    ...
</fulcrum-element-carousel>

The browser treats this as a native HTML element. All the logic for pagination through the different slides and basic styling is hidden. This also makes them much more portable.