Usage
Cards and containers are both used to visually group items. There is however a big difference in usage between both.
Cards
- Only one action
- Entire card clickable
- Shadow to support affordance
Containers
- Multiple actions
- Card not clickable
- No shadow
States of select tiles
Cards can also be used as a checkbox or a radiobutton. We see this a lot in our configuration screens, flows (e.g. when moving or checkout), MyTelenet and conversational flows. Therefore we need different states for these cards to visually indicate what is happening when users interact with the card.
