...

/

Layout

Layout

Learn about the different types of layouts that Angular Material provides and how to use them in an Angular application.

When we refer to the layout, we discuss how we place content in our templates. Angular Material gives us different components for this purpose:

  • List: Visualizes the content as a list of items. It can be enriched with links and icons and even multiline.

  • Grid list: Helps us arrange the content in blocks. We only need to define the number of columns, and the component will fill out the visual space.

  • Card: Wraps content and adds a box shadow. We can define a header for it as well.

  • Tabs: Divides up the content ...