Building Pages in OH 3 - Custom User Defined Widgets

Development Documentation
,
26

Hello,

can i somehow show different icons on a widget depending on the state of an item?

For example i changed from a simple day/night mode to the timeOfDay design pattern of @rlkoshak .
Actual my nightmode at the widget just gets on and off. Now i would like to show a different icon depending on the timeOfDay state (MORNING, DAY, EVENING, BED, NIGHT).

                - component: f7-icon
                  config:
                    f7: moon_zzz_filled
                    item: =props.nachtmodus
                    color: '=(items[props.nachtmodus].state === "ON") ? "yellow" : "gray"'

Is this possible or can i just define two options (condition true/false)?

Thanks, Alex