Documentation
v1.5.0Getting Started
Dynamic island
Visual effects
Interaction
Animated
Ambient Gradient
Aura FluidNew
Card ExpandNew
Carousel CardsCirclesNew
Copy&PasteNew
Cosmic HarmonyDual ColumnDual RowFloating DeckGlow FrameGlowing CubeMagicLensNew
Modern ShapeNew
Network effectParallax effectParticle CanvasParticle GlowParticle SpherePrismBorderNew
Pulse CardsPuzzle RevealReveal Text v1Reveal Text v2Ripple WaterRotating CardsShape GlowNew
SnowfallStack ShiftSVG ColorNew
SVG RevealNew
Swipe CardsTalent OrbitTalent ShowcaseText MotionNew
Timeline GradientText WaveTooltipNew
Video Overlay
New!
Wave Background
New!
Bricks
fusion
is
nice
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.
