Card

The Card component is a container designed to organize and present content in a visually appealing manner. The Card-head sub-component enhances the card's header section, while the Dropzone feature allows users to upload files or drag-and-drop content directly into the card.

Header

Card-Head

Small

Medium

With Call to action

Card title

Card title

Without Call to action

Card title

Card title

Small

Card title

Card title

Medium

Card title

Card title

Examples

Card title

This is some text

Card title

This is some text

Card title

This is some text

Card title

This is some text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card title

This is some text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.