Cards

Cards are container components that group related content and actions together. They provide a flexible way to present information with optional elements like icons, titles, and links in a visually distinct box.

Properties

PropertyTypeDescription
titlestringThe title text to display in the card
iconstring | imgEither a Font Awesome icon class (e.g. ‘brands python’) or a custom image
hrefstringOptional URL that makes the entire card clickable

Basic

Python

The icon field references a Font Awesome icon.

Custom icon

Python logo
Python

Pass in an image tag to use a custom icon.

Icon position

Location

You can set the icon position as left or top. Default is top.

Built with