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>

Attribute	Description	Values	Default
text	Text for the component	String	–
theme	Sets the background-color	`petrol`, `light`, `dark`	`petrol`

<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"'