Block Library

Sub-Navigation blocks are used to display page-related links and calls to action.

Hero blocks are typically one of the first to appear on a page. These are used to introduce the page and primary call to action.

Router Blocks can be used to highlight product or service links, and may overlap a hero or feature block

Text blocks are used to display basic text content in single or multi-column layouts.

Table blocks are used to display a single table or to repeat multiple tables as a group.

The Products overview is for showing a group of products that can filtered by common attributes.

Feature blocks are used to showcase the various features of a product or service. These blocks offer many options for big and small features.

Feature Benefits Blocks work like a normal feature, but in place of an image or video, feature a list of the benefits of a product or service

Details blocks are used to showcase a list of product or service details. These are great substitutes to basic bullet lists.

Device blocks are used to show information along with digital devices such as phones, tablets and computers.

Testimonial blocks are used to show testimonials and reviews. You can show a single testimonial or a multiple at once.

Accordion blocks are used to show and hide information. You can show a single accordion or a multiple at once.

Gallery blocks are used to show list of photos or clickable cards as either a grid or collage.

Card blocks are used to show information in the form of a rectangular card element. You can show a minimum of 2 cards at once.

The Cards - 3-Column block is designed specifically for side-by-side CTAs. It includes a custom link setting that supports links with custom data attributes, making it ideal for features like triggering chat pop-ups.

Stacked, two-column cards that are perfect for timelines, feature comparisons, or highlighting product features and benefits

Step blocks are used to show a multi-step process.

Thumbnail blocks are used to show a group of small graphics, statistics or product features.

Rate highlight blocks are used to showcase rates outside of rate tables.

Calculator blocks are used to show various financial calculators.

The Branch & ATM Locator block is used to show an interactive map interface which fetches branches and ATM's including CO-OP and Walgreens locations.

Section divider blocks are used to separate sections of the page.

The Global Block is used to "mirror" an existing block throughout the website, anywhere on a page. This blocks allows you to create a block once, use it everywhere and edit it just one place.

Et minima dolorum fugiat. Rerum est velit eos et amet minima.

Et minima dolorum fugiat. Rerum est velit eos et amet minima.