Skip to main content

Card Title

This is how you use a card with an icon and a link. Clicking on this card brings you to the Card Group page.

​
Horizontal Card

Add a horizontal property to a card to make it horizontally displayed.

Horizontal Card

Here is an example of a horizontal card

​
Image Card

Add an img property to a card to display an image on the top of the card.
card-with-image

Image Card

Here is an example of a card with an image

​
Props

​
string
required
The title of the card
​
string or svg
A Font Awesome icon or SVG code in icon={}
​
string
One of regular, solid, light, thin, sharp-solid, duotone, brands
​
string
The color of the icon as a hex code
​
string
The url that clicking on the card would navigate the user to
​
boolean
Makes the card more compact and horizontal
​
string
The url or local path to an image to display on the top of the card