Icon Cards

Icon cards are another example of versatile components that combine icons with text, in a neatly organised card layout.

They are ideal for showing important information, such as "Success" or "Error" message

You have the ability to add an icon at the top, followed by text like a title or description. You can also add a link to the icon if you would like it to redirect to another page.

Card styles and sizes can be changed to match your colour scheme.

There is also the built in variant options, which include primary, warning, info etc.


This is an Example Icon Card

Example Icon Card, using the "Success" Variant.

Size 3

Example Icon Card

This is an example icon card with a "Danger" variant.

Size 7

Example Icon Card

Without an icon.

Size 4, Custom colour style. Offset by 4 giving it a centred appearance.


Icon Cards 2.0

An alternative design for Icon cards. You have the ability to add an icon at the top, followed by text like a title or description as well as a button. There are no links on an icon card with no icon or button.

Read More