Diagonal

Overview

When to use

The diagonal pattern could be used to support products regarding their series for a more visual appeal and to make the presented asset highly recognizable to the user. This element should be only used in a product series context and only if it's absolutely necessary.

When to consider an alternative

Every time the product series can be displayed another way, like a badge or if the product is displayed in a teaser context (Please take a look at the teaser component).

Component

Default

Examples

Properties