Feature Carousel v2

Synopsis: The Feature Carousel V2(Northstar) Component is a customizable UI element designed to design carousel to display multiple slide /cards on carousel.

Desktop : Display 1 active card and 2 inactive cards totals 3 cards displayed.

Tab/ Mob: Display 1 active card as per design.

It provides the following configurable fields based on the user experience and appearance design.

Content Fields: Image, Image Alt text, Title, Description, CTA Label, Link Path, Analytics name

Options:

Control Option Theme: Default Fiserv Navy & Hover Orange (Default)
                                         Default White & Hover Orange,
                                         Default White & Hover Black

Auto Carousel: Chek-box (Default is unchecked)
Toggle Grey Background: Chek-box  (Default is unchecked)

Add: (Multi button)

Link Target: Same (Default)
                      New

Usage: All pages. 

Note: 
1. When the Auto Carousel checkbox is enabled, the Play button becomes visible, When no value is provided for the Transition Time (in seconds), the carousel uses a default transition time of 4 seconds.

2. The title text should not exceed two lines, as doing so will affect the description text alignment.

3. This component should author without container styles, Container is used only for background color(If required).

Scenario 1 

Control options Theme
Default Fiserv Navy & Hover Orange

Ingredients: Feature Carousel v2

Scenario 2 

Control options Theme
Default White & Hover Orange

Ingredients: Container(For background color), Feature carousel v2

Scenario 3

Control options Theme
Default White & Hover Black and Toggle Grey background enabled

Ingredients: Container(For background color), Feature carousel v2