Customizable toolbar

[btzr-io]

Current set of options for toolbar is really limited, see https://github.com/btzr-io/Villain#options
We should provide and option to customize the toolbar elements.

Possible solutions and ideas

• Create an allowFeature.. props for each tool / feature
• Create a prop to choose what toolbar actions will be shown: actions: ['fullscreen' , ...]
• Maybe another one to block actions: blockActions: ['fullscreen',...]
• Add custom buttons ? buttons: [ { name: 'flip', action: (e) => something... } ]

Open for suggestions.

[DaniAcu]

Maybe we could try with another pattern to be more reusable. For example, the final use could be...

<Villain>
<Villian.Button prop={value}></Villian.Button>
</Villian>

I don't know, how are some of the final cases that you are thinking, maybe if you could help me with vision or more context I could help with more robust ideas. 😜

[btzr-io]

I like that approach, not sure how easy will be to integrate due the current structure / state management.

[btzr-io]

Thanks to the new hooks-api it is now possible to make your own toolbar or any external component.
There there will still be one provided as a default option and example.