Logo Component

Synopsis: The Logo component is a component that allows authors to create a list of logos. The Logo component can be presented in 2 variations: List Layout and Card Layout

The logos and/or cards are not clickable

Usage: All pages.

Requirement: https://fiserv-com.atlassian.net/browse/FC-461, https://fiserv-com.atlassian.net/browse/FC-740

Note: This should be used as an example only. There will be additional requirements related to each individual component usage and page design, such as font treatments, padding and margin requirements, ADA compliance etc, so please use the below examples for reference only to demonstrate core function.

Scenario 1

Ingredients: 2 Container, 1 Logo Component - List Layout - 2 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with two logos

Scenario 2

Ingredients: 2 Container, 1 Logo Component - List Layout - 3 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with three logos

Scenario 3

Ingredients: 2 Container, 1 Logo Component - List Layout - 4 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with four logos

Scenario 4

Ingredients: 2 Container, 1 Logo Component - List Layout - 5 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with five logos

Scenario 5

Ingredients: 2 Container, 1 Logo Component - List Layout - 6 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with six logos

Scenario 6

Ingredients: 2 Container, 1 Logo Component - List Layout - 7 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with seven logos

Scenario 7

Ingredients: 2 Container, 1 Logo Component - List Layout - 8 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with eight logos

Scenario 8

Ingredients: 2 Container, 1 Logo Component - List Layout - 9 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with nine logos

Scenario 9

Ingredients: 2 Container, 1 Logo Component - List Layout - 10 Logo's

In logo component author can add list of logos.

In this scenerio author has configured logo component as list layout with ten logos

Scenario 10

Ingredients: 2 Container, 1 Logo Component - Card Layout

In logo component author can add list of logos.

In this scenerio author has configured logo component as card layout, Eyebrow & Title can only be added for card layout