Design UI guidelines

[asteriscos]

Description

Wazuh dashboard 5.0 will implement a common UI guideline to ensure all the views follow a standard structure. In this issue, we will analyze common requirements of the different views and define which components to use.

Requirements

• Internal navigation of a plugin
• Tables design
• Dashboards
• Web forms

[asteriscos]

Internal plugin navigation

Even though the plugins will be registered in the main navigation of the platform, each plugin should have its own internal navigation to simplify the navigation within the same context of a plugin. The achieve this we should standardize the use of the component EuiSideNav

Reference: https://oui.opensearch.org/1.17/#/navigation/side-nav

Tabs

Tabs should only be used for small view changes within the same context. For example when a parent component loads information that will propagate to the children tab views. Keep in mind that the selected tabs should be reflected in the URL state.