UI MarCom 3

Eyecatcher Stable New in 3.1 Dark theme

The eye catcher is a component used on pictures to highlight something new or special.

<uimc-eye-catcher
    text=""
>
</uimc-eye-catcher>

AttributeDescriptionValuesDefault
textText for the componentString
themeSets the background-colorpetrol, light, darkpetrol

Eyecatcher variations

<uimc-eye-catcher
    text="Lorem ipsum dolor"
>
</uimc-eye-catcher>
Basic eyecatcher with three lines and default color-theme
<uimc-eye-catcher
    text="Lorem ipsum"
    theme="light"
>
</uimc-eye-catcher>
Becomes a light eyecatcher by adding the attribute 'theme="light"'
<uimc-eye-catcher
    text="Lorem ipsum dolor"
    theme="dark"
>
</uimc-eye-catcher>
Becomes a dark eyecatcher by adding the attribute 'theme="dark"'