Extend grommet to allow creation of user components that can be included in other designer projects

[rodenp]

I really like the grommet system that you all are creating.

I’m a big fan of drag and drop and keep it simple, so I really like the idea of using designer as much as possible, before having to turn to code.

I believe that there is one piece missing that would really elevate grommet and entice more people to use it.

That is by allowing users to Extend grommet by creating functional react components and include them as normal grommet components, as well as extending grommet base components.

I am not a very experienced web developer, so forgive me if I mix up terminology. Hopefully you get the idea of what I am proposing.

As a very simple example

{code}

So In designer there could be the option to select a functional component template from the list of components and through the properties panel define the component, it’s name, JavaScript code along with any state/properties and events.

An example would be creating a login component and on successful login navigate to another page.

It would also be good if it was possible to hook into grommet and extend existing components to allow the addition of JavaScript code to fine tune and enhance base components.