Stack Reveal

Stack Reveal is an interactive composite element that turns a group of content items into a polished, animated and interactive component. Ideal for showcasing features, services, steps, team members, or portfolio items in a compact and engaging way.

 

Content Tab

Items:

  • Stack Reveal Item: Add a container item to the stack. A Stack Reveal Item is composed of two containers, Stack Reveal Summary ( Always visible ) and Stack Reveal Details ( optional and Visibility can be controlled via the design setting Animate Details Wrapper )

 

Design Tab

Container:

  • Width: The element’s width
  • Min Height: The element’s minimum height

Cards:

  • Width: Stack Reveal Item’s width
  • Height: Stack Reveal Item’s height
  • Gap: The gap between Stack Reveal Summary and Stack Reveal Details containers
  • Padding: Stack Reveal Item’s padding
  • Borders: Stack Reveal Item’s border

Stack Reveal:

  • Preset: Layout style presets
  • Animate Details Wrapper: Control whether the Stack Reveal Details container is only visible when the item is expanded or not
  • Spacing: The Spacing between Stack Reveal Items
  • Expanded Stack Gap: The gap between the expanded Stack Reveal Item and collapsed items