Add Setting button to custom component.

The above link I referenced before is only for adding button to toolbar. I think you should just follow below steps to complete your task;

1. Create/Implement a editor according to your needs. grapesjs-aviary uses aviary editor (see)
2. Define a command which is capable to open your editor like grapesjs-aviary see
3. Define toolbar button as I referenced before which runs your command

Thats all.

Hi @HarshOB,

It is simple as image does https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentImage.js#L32

Hello @ateshuseyin

I don't want the same editor as an image I want to build my own. I just want to add that icon to my component and when I click on that icon I want to display area through the user can add text, image, HTML code etc and that will be reflected in that component.