Plugin panel anatomy

• Plugin panels consist of three main sections: header, instructions and actions section. Layouts can vary to serve different content types and volume.
• Plugin panels have a fixed width of 320 px and a variable length depending on the content.
• It’s a good practice to limit the information as much as possible to be direct with the end user and optimizing screen space.
• We recommend a maximum panel height of 600 px.

Header

It contains the plugin name, and a toggle to switch the plugin on and off.

Plugin instructions

These change with the status of the plugin. You’ll find more details about plugin status below.

Actions section

This is a versatile section since it can include a range of components, such as lists, drop downs, filters, accordions, graphs …

This is a common configuration of elements.