wazuh-dashboard icon indicating copy to clipboard operation
wazuh-dashboard copied to clipboard

Published 20 hours ago • verified publisher icon wazuh

Design UI guidelines

Open asteriscos opened this issue 1 year ago • 1 comments

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 avatar Nov 06 '24 12:11 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

image

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.

image

asteriscos avatar Nov 12 '24 12:11 asteriscos