I’m using Angular 6 and Angular Material to create a website.
I have a left hand side navigation bar that has the following items: Forms, Reports, Jobs. When the forms item is selected, the user should be able to select the different forms they can work with, for example, Products, Orders, Customers.
I’m trying to figure out how I should present the different forms they can interact with. One idea is to show the different forms using the Angular material tabs (https://material.angular.io/components/tabs/overview). So there would be a Products tab, Orders tab, and Customers tab. So when the user clicks on the Products tab, the fields for Products will be shown.
I’m not much of a user design expert so any suggestions on how to present the data will be appreciated.