A slice to display 4 USPs (Unique Selling Propositions)

With this slice you can display 4 blocks, each with an icon, a title and some text. Useful to show USPs.

Limits

• Even though it works with also 3 USPs, it looks way better with 4 USPs blocks, especially on smaller devices.

Do's:

• If possible, try to make sure that the USP titles all have a similar length/word count, and same for the text below. By doing this you'll be sure that the layout won't be ruined on smaller devices.

Don'ts:

• Avoid USPs with very different text-length, as the layout will most likely be ruined.

Props:

Repeatable:

This slice has only repeatable areas. Each USP is a repeatable area. Just add 4 of these, each with its own id, icon, title and text.

1. ID

• Name: id
• Type: number
• Description: A scalar number, needed for the code. Just make sure to add a number starting from 1, and increasing it for each usp (e.g. the first usp will have id=1, the second id=2, and so on)

2. Icon

• Name: icon
• Type: String
• Description: It's the name of the icon image. See available options under the "STYLEGUIDE - Illustrations and Icons" folder in this documentation.
  Just insert the name of the icon you like in the "icon" field.

3. USP title

• Name: title
• Type: String
• Description: The bold text of the USP block

4. USP text

• Name: text
• Type: String
• Description: The smaller text of the USP block