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

    1024px
    375px768px1400px

    Examples

    1024px
    375px768px1400px

    Properties

    PropertyTypeRequiredDefault
    typeEnum
    'pattern' │ 'premium-class' │ 'xtreme' │ 'exterior' │ 'interior' │ 'winter' │ 'wheel-rimm' │ 'caravan' │ 'carwash' │ 'molecular' │ 'molecular-plus' │ 'professional' │ 'bike' │ 'profiline' │ 'desinfection'
    false-
    utilClassNamesStringfalse-