Angular material card is something new what we get for better UI designing. It is used to draw cards in angular applications. md-Card directive is used for AM-card. It is a container which draw the card and contain many directives inside to make a rich UI card.
The directives which can be used inside md-card:
this directive is used to set the title for the content of the card. It is a child element of md-card-content.
this directive is used to set the subheader for the content of the card. It is a child element of md-card-content.
we can display image inside the card using <img> directive
This directive holds the icon for the card.There are angular material icons list we can use anyone to display inside the card with the help of md-icon.
if we want to perform any actions within the icon of the card then we can use this directive.It will act as a child element of md-icon directive.
To display the header in the card.it can hold anything text squared image or avatar.
this is directive used to display user image inside the card.
We can set the title of the card inside using this directive.
To write content inside the card, we use md-card-content directive instead of md-content.
To perform any action inside the card we can use md-card-actions in which we can have buttons or anchor tags.
See the example how to use md-card in your view page: