Checkerbox

Component Overview

The Checkerbox component was given it's name due to the image/text pairing with the image on the left or right and often used in groups. It will also accept one or many Bynder assets. If multiple are chosen, they will appear as thumbnail images below the first image.

• Hovering over the image will update the main image
• Clicking on an image will open all images in a modal.

Configuration:

Image Left: This will move the image to the left side in a desktop rendering, default is on the right. On mobile, the image renders above the text.

Title: H2 unless the H1 field is toggled on.

Overview Text: Portable Text allowing for bullets, etc

Bynder Assets: See notes in the overview section.

Buttons: Optionally include a call to action, may include more than one.

H1: Allows the Checkerbox Title carry the H1. Use this with caution as there should only be one H1 on the page.

Image Guidelines:

Image will show at the original aspect ratio.

Copywriting Guidelines:

List Heading: 30 cc
Title: 25 cc
Overview: 400 cc
Button: 15 cc