Info Card

Introduction

The Info Card is a specialized card built for the UMD Libraries to display a specific piece of information that needs to behave differently from a standard Card. Visually it follows the Card Overlay variant — a filled panel with no image — but allows more flexible content.

The difference from a normal Card:

• A standard Card is constrained — its description is limited to a single line and the entire card is one clickable area (a single link). It is optimized for uniform, scannable card grids.
• The Info Card trades that constraint for flexibility. It supports a richer WYSIWYG description (multiple lines / formatting) and a footer that can hold multiple links rather than making the whole surface a single link target.

Admin use suggested. Because it is more free-form than the standard Card, the Info Card is suggested for administrator use only, where its added flexibility is needed for specific informational content rather than general card grids.

Component Structure

Props

Field	Data Type	Requirement	Description	Note
Heading Level	String	Required	The HTML heading level for the card title.	Options: h2–h6. Defaults to h3. Choose based on the heading hierarchy of the page.
Component ID	String	Optional	An ID for the component, useful for in-page anchor linking.

Slots

Field	Data Type	Requirement	Description	Note
Card Title	String	Optional	The title of the card.	All fields are optional — the card renders only the parts that are provided.
Description	WYSIWYG	Optional	The body content of the card. Unlike the standard Card, this supports multi-line rich text via the WYSIWYG editor.	Use the text format: Basic HTML.
Links	Component	Optional	A footer region for one or more links. Place link components here (e.g., Emphasized Link) to offer multiple destinations instead of a single whole-card link.

Related Components

• Card — the standard card for uniform, single-link card grids.
• Emphasized Link — commonly placed in the Info Card's Links slot.