Linked Card Grid

This is a grid of cards that contain content and actions about a single subject.

This component is based on USWDS.

Example:

Heading

Lorem ipsum sit amet, consectetur adipiscing elit. Sed elementum ante ac lacus mollis auctor. Quisque ultricies blandit mauris, a lobortis quam vestibulum ut. Pellentesque dui ligula, fringilla in dictum ac, sodales ut sapien. Cras justo nibh, consectetur et velit ut, efficitur pulvinar nibh. Aenean laoreet ligula et mi vehicula mollis.

https://www.nebraska.gov

Heading

Lorem ipsum sit amet, consectetur adipiscing elit. Sed elementum ante ac lacus mollis auctor. Quisque ultricies blandit mauris, a lobortis quam vestibulum ut. Pellentesque dui ligula, fringilla in dictum ac, sodales ut sapien. Cras justo nibh, consectetur et velit ut, efficitur pulvinar nibh. Aenean laoreet ligula et mi vehicula mollis.

https://www.nebraska.gov

Heading

Lorem ipsum sit amet, consectetur adipiscing elit. Sed elementum ante ac lacus mollis auctor. Quisque ultricies blandit mauris, a lobortis quam vestibulum ut. Pellentesque dui ligula, fringilla in dictum ac, sodales ut sapien. Cras justo nibh, consectetur et velit ut, efficitur pulvinar nibh. Aenean laoreet ligula et mi vehicula mollis.

https://www.nebraska.gov

How to author:

Linked Card Grid with Images

This is a grid of cards that contain content and actions about a single subject.

This component is based on USWDS.

Example:

Heading

Lorem ipsum sit amet, consectetur adipiscing elit. Sed elementum ante ac lacus mollis auctor. Quisque ultricies blandit mauris, a lobortis quam vestibulum ut. Pellentesque dui ligula, fringilla in dictum ac, sodales ut sapien. 

https://www.nebraska.gov

Heading

Lorem ipsum sit amet, consectetur adipiscing elit. Sed elementum ante ac lacus mollis auctor. Quisque ultricies blandit mauris, a lobortis quam vestibulum ut. Pellentesque dui ligula, fringilla in dictum ac, sodales ut sapien.

https://www.nebraska.gov

Heading

Lorem ipsum sit amet, consectetur adipiscing elit. Sed elementum ante ac lacus mollis auctor. Quisque ultricies blandit mauris, a lobortis quam vestibulum ut. Pellentesque dui ligula, fringilla in dictum ac, sodales ut sapien.

https://www.nebraska.gov

How to author:

Additional color schemes are available for this block. Please see the information below for further details

Blue Filled Cards

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Blue filled cards

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Blue Filled Cards With Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Blue filled cards with images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Red Cards Without Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Red cards without images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Red Cards With Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Red cards with images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Red Filled Cards

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Red filled cards

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Red Filled Cards With Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Red filled with images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Green Cards Without Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Green cards without images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Green Cards With Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Green cards with images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Green Filled Cards

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Green filled cards

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Green Filled With Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Green filled with images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Yellow Cards Without Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Yellow Cards without images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Yellow Cards With Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Yellow Cards with images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Yellow Filled Cards

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Yellow filled cards

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.

Yellow Filled With Images

Example:

How to author:

  • In the DA menu, go to Library > Blocks > Linked Card Grid > Yellow filled with Images

  • Edit the heading, description and CTA of each card.

  • To add or remove cards, add or remove rows in the table.