I'm developing a web application and within this application I'm trying to display a list of mails with identical functionality and look as the list of mails in outlook.
I need the items to be selectable by a mouse click, and the content of the selected one will be displayed to the left. Each mouse click will change the selected mail:
After a mouse click I need to be able to select more mails, using the keyboard (shift / alt / ctrl) and the mouse.
In example 2, I chose 'Test 5' mail. Then I selected two more mails using shift+down arrow. The email whose content is presented should still be 'Test 5'. Also during the screenshot the mouse hovered over 'Test 2' email and therefore its style is different.
Is there any angular material component that could be modified to fit my desired behaviour? I didn't find any Angular material list component with a functionality that resembles the one I mentioned. How would you develop such a list with angular?
Any suggestions would be deeply appreciated as I'm new to angular and angular material