Skip to main content

Block Link Card

A block links component serves as a way to organize and display a small number of related links in a structured manner with visual weight on the page.

When To Use This Component

This component should be used when you want to display between 2 and 8 links. Using this component will give them prominence on the page and will allow them to be contextualized with other like pages or resources.

USAGE EXAMPLES


Component Dos & Don’ts

There might be a time when you don’t know whether to use a block links component or not. Here are some examples of how to effectively use a block link component at Charlotte and when you shouldn’t use one:

DO

Use the block links component when you want to prominently display a few links or CTAs that relate to each other thematically.

DON’T

If you only want to link out to a large number of pages or resources, use the link lists component instead.


Component Design Options

Editable Parts – section

Editable Parts – component

Show Block Heading: Show / Hide

Color Combo: Gray, Black, White

Button Color: Green, Gold