One of the main sections of the Admin app is the Header, which is located on the top of the screen. By default, it contains a few header elements, for example Logo, Search bar and Settings.
You can easily add your own header element by registering a new
If you are not already familiar with how plugins work, we recommend you take a look at the Plugins Crash Course.
The key property of the plugin is the
render property, which represents a function that returns one or more React components which will render the header element.
Lets add a custom component to the
header-right element of the header elements plugin
After registering the above plugin, the following element should be added in the right side of the header: