Cards

Add 1-3 content cards with optional heading and description

How to use

Add a Heading
Optionally check Hide Heading to hide the heading from view. It will still be visible to screen readers, this option can be used if the heading isn't visually required for example if using card content items consecutively on a page.
Optionally add a Description
Add 1-3 Cards. For each Card:
- Add a Card - Title
- Add a Link. Add Card - Title for the link text and either select a section or content item for the Card - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Card - External URL (do not enter both)
- Optionally select a suitable image from the Media Library for the Card - Image.
  Recommend image is at least 382px x 508px. The image can be any size or aspect ratio, and will be cropped and resized to 382px x 508px automatically by a service called PXL. Find out how PXL crop and resize works.
- Optionally add a Card - Description

Content Type Details

ID: 7269
Name: Cards
Description: This component displays information in a 3 card style for audience wayfinding to specific information.
Minimum user level: Contributor

Content Type Elements Details

Name	Description	Size	Type	Required
Name	The Name Element	80 Characters	Plain Text	Yes
Heading	Add a Heading	150 Characters	Plain Text	Yes
Hide Heading	Check to hide the Heading, the Heading will still be visible to screenreaders	N/A	Check Box	No
Description	Add a Description	500 Characters	Plain Text	No
CTA - Title	Add text for the CTA	50 Characters	Plain Text	No
CTA - Internal Link	Select a section/content for an internal link	N/A	Section/Content Link	No
CTA - External Link	Enter URL for external link, only enter this if you are NOT entering an internal link	250 Characters	Plain Text	No
Card 1 - Image	Select a suitable image from the Media Library	N/A	Media	No
Card 1 - Title	Add a Title for Card 1	50 Characters	Plain Text	Yes
Card 1 - Title Internal Link	Select a section/content for an internal link	N/A	Section/Content Link	No
Card 1 - Title External Link	Enter URL for external link, only enter this if you are NOT entering an internal link	250 Characters	Plain Text	No
Card 1 - Description	Add a Description for Card 1	500 Characters	Plain Text	No
Card 2 - Image	Select a suitable image from the Media Library	N/A	Media	No
Card 2 - Title	Add a Title for Card 2	50 Characters	Plain Text	No
Card 2 - Title Internal Link	Select a section/content for an internal link	N/A	Section/Content Link	No
Card 2 - Title External Link	Enter URL for external link, only enter this if you are NOT entering an internal link	250 Characters	Plain Text	No
Card 2 - Description	Add a Description for Card 2	500 Characters	Plain Text	No
Card 3 - Image	Select a suitable image from the Media Library	N/A	Media	No
Card 3 - Title	Select a section/content for an internal link	50 Characters	Plain Text	No
Card 3 - Title Internal Link	Internal link for card 3	N/A	Section/Content Link	No
Card 3 - Title External Link	Enter URL for external link, only enter this if you are NOT entering an internal link	250 Characters	Plain Text	No
Card 3 - Description	Add a Description for Card 3	500 Characters	Plain Text	No

Examples

3 Cards

Cards Section

Plain text. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Incidunt facilis qui voluptatem itaque rem saepe quod architecto nihil, neque impedit molestias eveniet nam a molestiae aliquam eaque accusamus labore fugiat veritatis perferendis? Labore molestiae amet laudantium aliquam totam illo accusamus!

All Programs