Structure of a component and prefab

So before you can start building a new component, you need to understand how they work. Since the components need to be usable in the platform, it’s not only the component itself you need to create; you also need to define what component options the no-coder and the citizen developer have available to them, so they can drag and drop the component on to their canvas in the page builder and then use the component options to set it up to their liking or make changes to the style of the component. So we need to take care of that as well in the component. This is why a component consists of two different things: the component and the prefab.

Using a new component

So let’s use a component in the Betty Blocks platform itself now. We’re not going to build a very complicated component, but just a simple example to show how it works. Make sure you have the CLI installed. If you don’t have it installed yet, go back to the first...