This addon provides us with the basics of our app layout, so we can map our product view based on it.

Features

Let's take a look at the MainLayout features.

Side menu and navbar

While the side collapsible menu shows the related info about products and actions the user can take in each of them, the navbar displays the custom header options which can be in the way of simple buttons or dropdown ones.

Language selector

When a product uses internationalization, the mainLayout addon triggers this component for us being able to switch between the different languages. Currently, we support three dialects: English, Spanish and Portuguese.

Logout

When the header is visible, the mainLayout addon enables the logout function (Using your doLogout function or the default function of the @ocean/security addon)

Instalation and usage ↙️

Installation

Use