Carousel Block
Once you introduce a Carousel block on your page, it acts like a container where you could add multiple Card blocks. Once you introduce a Card block in Carousel Block component, they will start getting aligned horizontally.
Different Style Options available with Individual Card (within Carousel):
-
Style:
- Default: Standard card layout with default styling
- Image Top: Image positioned at the top of the card
- Image Bottom: Image positioned at the bottom of the card
- Teaser Overlay: Image with text overlaid on top (dark overlay background)
- Teaser Card: Image with text in a styled card overlay positioned at bottom-right
-
CTA Style (Call-to-Action button/link):
- Link: Renders as a text link
- Primary Button: Standard primary button styling
- Secondary Button: Secondary/outlined button styling
- Dark Button: Dark variant for contrast on light backgrounds