Team card
Use case:
Introduce team members with beautiful cards in multiple columns and rows, or even a slider.
Also available as a type of content in the Listing module.
Page speed impact:
Low initially — it depends a lot on the number of cards you add and the file size of your images. It may have a medium or even high impact with too many cards and unoptimized images. Enable lazy loading for all the images below the fold. Make sure to optimize your images with TinyPNG before uploading. Use optimized SVG files whenever possible. It may be slower with the slider enabled.
Available in pages:
Yes
Reserved block class:
team-cardResources:
css/components/team-card.cssIf the slider is enabled:
css/components/splide.cssjs/components/splide.js