Usage

Differentiation features the component group in the container.

Guidance

  • Card should hold a header.

  • It should contain component(s) related to 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 behavior 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.

Did this answer your question?