Usage
Differentiation features the component group in the container.
Guidance
- Card should hold a header.
- It should contain component(s) related with the header.
When to use
- Use Cards to cluster in an easy on the eye manner.
Additional info
- Consider using a bordered Card in dense environments.
- Consider using hoverable for the clickable cards.
Variations
- There are several attributes of Cards with varying degrees of emphasis. Emphasis determines a Card’s appearance and size.
- The updatable properties of Cards are header, size, borders and round shape.
- The updatable behaviour of Cards is hoverable.
- The updatable style features of Cards are display, margin, padding, size, overflow, background, border, effects and css.
- The updatable style features of Card Headers are margin, padding, size, overflow, typography, background, border, effects and css.
- The updatable style features of Card Body are display, margin, padding, size, overflow, typography, background, border, effects and css.
- The usable dynamic properties of Cards are bordered, title, size, hoverable, extra, cover, description, headStyle, bodyStyle, loading, hidden and style.