Cards

Display content as a styled card. You may use a column to define the size of the card.

Card

Card title

Deserunt ipsum sint ipsum sit aliqua. Irure ex aliquip ipsum ut 

Card title with link

Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi

Card title and external link

Cillum in fugiat sint exercitation commodo

Card flat (no elevation)

Card title

Deserunt ipsum sint ipsum sit aliqua. Irure ex aliquip ipsum ut

Card title with link

Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi

Card title and external link

Cillum in fugiat sint exercitation commodo

Card elevated

Card title

Deserunt ipsum sint ipsum sit aliqua. Irure ex aliquip ipsum ut

Card title with link

Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi

Card title and external link

Cillum in fugiat sint exercitation commodo

Card transparent

Card title

Deserunt ipsum sint ipsum sit aliqua. Irure ex aliquip ipsum ut

Card title with link

Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi

Card title and external link

Cillum in fugiat sint exercitation commodo

Card transparent with dark background

Card title

Deserunt ipsum sint ipsum sit aliqua. Irure ex aliquip ipsum ut

Card title with link

Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi

Card title and external link

Cillum in fugiat sint exercitation commodo

Card float

Card title

Deserunt ipsum sint ipsum sit aliqua. Irure ex aliquip ipsum ut

Card title with link

Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi Culpa occaecat sint nisi mollit excepteur nisi

Card title and external link

Cillum in fugiat sint exercitation commodo

Card aspect-ratio

Card 25x36

Mollit consectetur nulla occaecat dolor id sint quis

See more

Card 1x1

Pariatur ut nostrud nisi laboris amet commodo eu aliquip aute

See more

Card 16x9

Deserunt laborum in incididunt reprehenderit sunt

See more

Card without image

Est excepteur Lorem deserunt deserunt ad ipsum id sint ipsum sit aliqua. Irure ex aliquip ipsum ut. Do laboris incididunt do exercitation ut consequat in in mollit qui voluptate consequat aliqua. Ipsum nostrud sit aliqua consequat. Fugiat minim culpa nulla dolor occaecat exercitation proident voluptate non anim nisi cillum.

See more details

Dolor quis veniam culpa occaecat sint nisi mollit excepteur nisi laborum do qui ad ex. Reprehenderit anim ullamco ad esse sunt consequat. Cillum dolor culpa sint do non sit id mollit dolor voluptate culpa ullamco sunt ea. Enim labore et ea sunt magna ut laboris exercitation nisi. Esse aliqua quis commodo mollit consequat ea.

See more details

Documentation

View Simple – Cards documentation