Page History

Also known as: video swiper, card swiper, social videos

A multi-purpose block that displays multiple cards/panels in a swiper. Can showcase videos, text, and/or images.

Examples 

Documentation updates in progress

Use When

• Start bullets with gerunds for consistency; the bullet should complete the phrase starting with "Use when..." 
  • Example: "Displaying a small amount of copy with a photo"
• (optional) Include a “Do Not Use When” subhead when needed

Editorial Guidelines

• Character limits for each feature with copy
• Notes about copy fields that should or should not be used together
• Tips for writing these guidelines
• Use bulleted lists
• Use affirmative language
• Limit to two sentences or less
• Edit and use fewer words!

Design

Images

Photo A (required/optional)

• Dimensions:
• Other details to note (e.g. keep faces vertically centered)

Photo B (required/optional)

• Dimensions:
• Other details

Variations

• Show additional variations of the block that are not in Examples above (more screenshots showing additional features) 
• Should be an orderly progression, not an attempt to show every possible combination

Implementation

ACF Fields

Other technical details we include in existing docs

Resources

• Figma mockup (link)

Design

• A flexible block that displays multiple cards/panels in a swiper.
• The block displays swiper arrows and creates swiping functionality when the content requires them.  (move to implementation)
• There is also an option to display navigation badges above the cards.
• Currently, this block can display text with an optional image or a video with optional text.
  • Click and drag swiping is disabled for video content on desktop. (move to implementation

...