Round Icon Card

Description

Round Icon Card is a component designed to call attention to a page or document through the combination of a circle, title, and icon.

The Round Icon Card component is a clickable circle that contains an icon, separator, and title that allows you to feature a link or document.

Configuring the Properties tab

Enter a title.
Link to a page or document and enable it to open in new tab as needed.
Enable open in new tab as needed.
Select an icon as needed.
Alternatively you can configure an image instead of an icon. Don't forget to configure the image alt text.
Select a background color for the card.

Configuring the Styles

Adjust the card size from small to large as needed.
Adjust the card text color as needed. Select white text style if you have configured a dark background color and vice versa.