Rule 1: Any element or container include four component.

• MainComponent
  It shows in design canvas. It supports resize, drag/drop etc in design canvas.
• ButtonComponent It will show in right panel. The end user will drag the button to design canvas to create it.
• SettingComponent Once component was selected, the setting will be show in right panel and it will be set by user for the component
• PreviewComponent It will show up in final page based on setting in design phase.