Provide a custom components section name

Technical Questions
1

How to provide a name for a set of custom components in the insert side menu. In the docs I found an image with a custom section, in the insert menu, but haven’t found corresponding property in the Builder.registerComponent API docs.

image
image1920×896 77.5 KB

2

Hi @alex.krasikau,

Thanks for reaching out.

You can create a section in the Visual Editor Insert tab just for your custom components. For example, you can create a custom section in the Insert Tab called Our Components , which contains four custom components; a hero, double columns, triple columns, and dynamic columns.

import { Builder } from '@builder.io/sdk';

 Builder.register('insertMenu', {
   name: 'Our components',
   items: [
     { name: 'Hero' },
     { name: 'Double Columns' },
     { name: 'Triple Columns' },
     { name: 'Dynamic Columns' },
   ],
})

You can read more about them at the official doc for Organizing your components in custom sections

Let us know if you have any further questions or concerns. Thank you!

1 Like