Vvvebjs page builder

Overview Components Inputs Sections Events

Events Editor propertyChange Called by a input object when the property changes, the editor will listen to this event to update the element when a property changes. Inputs trigger this event using new CustomEvent('propertyChange', { detail: {value,

Overview Sections are predefined horizontal page "slices" that can be inserted in the page. To add a section you need to use Vvveb.Sections.add method, the first parameter is the unique section name. The second parameter is an object with

Overview Components Inputs Sections Events

Overview VvvebJs is a full featured powerful page builder written in Vanilla js with no dependencies and Bootstrap 5 css framework. Note (Vvveb CMS integration) In this repository the builder ships integrated under public/js/vvvebjs/ (builder.js

VvvebJs is the page builder at the heart of Vvveb CMS. The major difference from other page builders is that VvvebJs can edit any element and place elements anywhere on the page or inside any other element without any limitation. It also allows live

Overview Inputs objects are used to edit component properties For example TextInput extends Input object and is defined as let TextInput = { ...Input, ...{ //what events should be listened for changes and on what inputs events: [ //event, listener,

Overview Component object is used to define the html elements that can be added and edited on the page. To add a component you need to use Vvveb.Components.add method or extend an existing component, like a base component with Vvveb.Components.extend