CYBERWEEK Last dayCode: CYBER35

Card Expand

PREVIEW

¡Hello!

¡Hello!

What is it?

Card Expand is an interactive layout component designed to create an accordion effect where cards expand or shrink based on user interactions.

How to set it up?

This component is configured using Bricks Builder attributes and supports various customization options:

'data-brx-accordion'. Adds the Card Expand effect to the container. Use this attribute on the main container to activate the effect.

'data-brx-accordion-item'. Identifies each individual card within the accordion. This attribute is required on all items you want to expand or shrink.

'data-brx-preset' (Optional). Specifies the expansion intensity preset. Available options:

  • subtle: Minimal expand/shrink effect.
  • normal: Moderate expand/shrink (default).
  • medium: Noticeable expand/shrink.
  • high: High expand/shrink effect.
  • extreme: Maximum expand/shrink effect.

'data-brx-animation' (Optional). Defines the animation style for card expansion. Options include:

  • smooth: Soft animation with ease-in-out transitions.
  • bounce: Adds a bouncy effect, perfect for lively layouts.
  • fade: A fade-in/out effect with slight scaling.
  • swift: Fast, sharp animation for dynamic layouts.

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours