Card
The Card is a container used to group similar information, which have some kind of interaction. Cards can have any type of information and various types of internal elements, which must always respect tokens and spacing rules.
Interactions
Non-interactive (padrão)
The default is that cards have no interaction, but their internal elements can be interactive.
Interactive
Interacting cards allow activation and deactivation on click, but in this case, the style of the card changes.
Good habits
Texts
- Titles demarcate the top of the information hierarchy. The card title can be used to quickly contextualize people, bringing the main information
- Prioritize the use of a noun or short phrase. Do not use a period, question mark, ellipsis or any other graphic element in the title
- Descriptions must provide additional text. They should help increase understanding of the information and should always be punctuated at the end of the last sentence.
Useful area
Shadows
Feedback
To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.