Cards present details about something to your users. They can have actions, images, and descriptive text. Learn how to import the Cards module and create a customer card.
- [Instructor] Cards present content and actions…about a single subject.…There's a recommended approach to adding images, text…and descriptions that present data in the clearest form.…Data relevant to the card should be contained…within the card and not outside.…Cards should not be combined or split into multiple cards.…Cards can have many different elements,…including thumbnails, header texts, subheaders,…banner images, descriptive text,…left align link buttons and right align icon actions.…Cards could expand as well.…
Use a divider to highlight the expanded content.…You could also use a right align down arrow…to indicate that this card can be expanded.…It's not recommended that you use cards…to show the same information tiled across the screen…like a photo gallery.…Rather, use cards to show different kinds of data,…like you might see on a dashboard.…Let's add a customer card to our application now.…Before we can add a card to our application,…I'm going to add an image to use as the banner for the card…and I've got a file here called robby.png which…
Released
10/29/2018- What is Material Design?
- Adding the required modules to your project
- Installing Angular Material
- Adding app bars and menus
- Creating cards
- Separating content using tabs
- Adding data tables
Share this video
Embed this video
Video: Cards