Mat List Item

In this chapter we will showcase the configuration required to draw a list control using angular material.

Mat list item. In material design the selected and activated states apply in different mutually exclusive situations. Angular material list component will provide a wraps and formats a series of line items. Mat menu appmenu matmenu button mat menu item settings button button mat menu item help button mat menu button mat icon button matmenutriggerfor appmenu mat icon more vert mat icon button link. With the release of angular 6 the usage of angular.

Content placement in a row. Follow the following steps to update the angular application we created in angular 6 project setup chapter. A list should be easily scannable and any element of a list can be used to anchor and align list item content. Angular material provides a wide range of web components which are very easy to implement and use in angular applications for creating selection.

By using these components you can apply material design very easily. The menu is attached to and opened via application of the matmenutriggerfor directive. By itself the mat menu element does not render anything. We can use list using mat list mat list item mat nav list mat action list mat selection list etc element.

Ui component infrastructure and material design components for mobile and desktop angular web applications. The mat list an angular directive is used to create a container to carry and format a series of items. Scannability is improved when elements such as supporting visual and primary text are placed in consistent locations across list items. Reply christina on august 7 2020 at 6 46 pm.