This will be the beginning of separating the colorpicker and the toggle because you can then just add the toggle in yourself again but with full control over its configuration.
It’s always easiest to let the system do as much of the alignment work as possible. Setting absolute positioning should really be a last resort because it will not be responsive at all and you element will probably look a little different on every single screen.
Most of the oh components already use flexbox alignment so to replicate what your seeing you’ll want to do the same:
I made a mistake, I thought =props.colorItem would display the item label but it displays only the name… I searched the docs an forums but can’t find an answer… also tried to use =props.colorItem.label but nothing is displayed. Is there a documentation where this is explained?
Edit: I added additional props for the label… but still searching for a solution for automatic labeling
You actually found the best solution. There is no access to the label of an item directly in the widget expressions. The only way to do it actually through an oh-repeater that you through some trick or other get to return only a single item because that returns a complete item object that includes the label.