Gradient Border Accordion Demo

Default Gradient Colors

This accordion item features a beautiful gradient border using the pm7-gradient-border class. The gradient transitions from purple to yellow to orange.

Using pm7-gradient-border-blue for a cool blue gradient effect.

Using pm7-gradient-border-green for a fresh green gradient.

Different Border Thicknesses

A thicker 2px gradient border using pm7-gradient-border-2.

An even bolder 4px gradient border using pm7-gradient-border-4.

Combined with Other Variants

Combining multiple modifiers: pm7-accordion--lg with pm7-gradient-border-blue and pm7-gradient-border-2.

Creating eye-catching accordion items with bold gradient borders and larger size.