How to use extension points

Extension point — is a place in product where web-plugins can render user interface.

Miro provides two types of extension points:

Custom view:

Button extension points:

Custom view. LeftSidebar.

Use it for collaborative plugins, data search, automatization. Don’t use it for adding widgets to canvas.
LeftSidebar fixed width = 340px.

The library contains materials that you can drag & drop to the canvas. 
Don’t use the library for other use-cases.

You can add up to 5 simple controls to the BottomPanel that don't take too much space and are needed right in action.
Don’t use it for alerts.

You can change BottomPanel width up to 320px and height up to 200px.

Use it for dialogs, that require user decision. 
Or fill out modal window with content, for example: jira tasks picker.

ModalWindow has max width and height = 80%.

toolbar contains content sources for canvas, for example: icon library, wireframing library, templates, etc.

bottomBar contains either collaboration plugins, like chat, or another way to represent content, like presentation mode.  

Don’t use them for other use-cases.

Use it for export options.
Don’t use it for other use-cases.

All buttons will be added to the right side of the toolbar. You can only choose the number of the buttons, but can not change their location.

Use it to add options that affect selected element(s).
Don’t use it for options, that affect unselected elements.