Featured Card Component
Synopsis: The Featured Card Component is a customizable UI element designed to support 3 different variations to provide high , medium and low impact cards. It provides the following configurable fields based on the user experiance and appearance required.
Content Fields: Image, Alt Text, Title(RTE), Link, Description(RTE), Analytics Name, .
Options:
Layout Variation: High Impact, Medium Impact, Low Impact.
Background color: Fiserv color palette.
Link Target: Same Tab, New Tab.
Border and Arrow color: Fiserv color palette.
Usage: All pages.
Note: This can be used with(recommended) or without a container. but always inside a Column control component,. This should be used as an example only.
Scenario 1
High Impact
Ingredients: Container with contained width Medium padding
(Left&Right), Column control 50/50,Featured card component.(Max two cards should author)
Scenario 2
Medium Impact
Ingredients: Container with contained width Medium padding
(Left&Right), Column control 50/50,Featured card component.(Max two cards should author)
Scenario 3
Low Impact
Ingredients: Container with contained width Medium padding
(Left&Right), Column control 33/33/33, Featured card component.(Max three cards should author)