Card: Text

A clean, text-only card with a title and description, where the whole card is a link.

Understanding the Card: Text

Example of the "Card: Text" card collection.

The Card: Text is the simplest card type. Each card has a title and a short description, with no image or button, and the entire card acts as a single clickable link. Each card can also be given its own background color. Like every card, it lives inside a Collection: Card Grid and sits alongside up to two other text cards in a row.

The main difference from the Card: Info is how it links. A text card has no button. Instead the whole card is clickable, so it reads as a clean block of text rather than a call to action.

When to use a Card: Text

Reach for a Card: Text when you have a set of short, parallel topics that each lead somewhere, and a photo or button would only get in the way. Good use cases include:

  • Quick links to related guides or resources, such as "Migrating Legacy Content" or "Evaluating Documents"
  • A set of program or department highlights, each linking to its own page
  • Topic overviews where the title and a sentence are enough to orient the reader

If you want a prominent button instead of a clickable card, the Card: Info is a better fit. If a photo should lead the card, use the Card: Image.

Adding and modifying a Card: Text

Inside a Collection: Card Grid, click "Add Collection: Text" to add a card, then fill in the fields below. You can add up to three text cards, and reorder them with the drag handle on the left of each card.

Collection Heading (optional)

The Collection Heading is the title displayed above the row of cards. Keep it short and descriptive, up to 60 characters.

Subheading (optional)

The Subheading is a short supporting line displayed beneath the Collection Heading, up to 130 characters. It only appears when you have entered a Collection Heading.

Text Card Color (required)

The Text Card Color sets the background color for that individual card, chosen from the dropdown: White, Gray, Bright Blue, and Dark Blue. Because the color is set per card, the cards in one collection can each be a different color, or all share the same one.

Card Title (required)

The Card Title is the bold heading at the top of the card, up to 40 characters. Keep it short and descriptive, such as the topic or page name.

Description (required)

The Description is a short line of supporting text below the title, up to 130 characters. It supports rich text formatting; see the Text component for the full list of options.

Link (required)

Because the whole card is clickable, the Link is required and sets where the entire card points. Start typing the title of an existing page to search for and select it, or paste an internal path or a full external web address such as https://www.ithaca.edu.

To have link-less cards, utilize the <nolink> tag as described in Working with Links.

Looking for an example?

This component isn't available on standard pages. See it in context on the Web Content Demo.

View Demo