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