How to write custom widgets? Looking for step by step tutorial

Thanks hmerk, thanks rlkoshak.

Let’s throw some more questions :slight_smile: if I may:

  1. Where I can find the proper syntax for YAML used in openHab?
  2. Component list uses oh-components, but hmerk used f7-components. What’s the difference? Should I start learning HTML5+CSS+JS etc…? :frowning:
  3. Can I nest components? What are slots and defaults for?
  4. How to customize components look, it seems like CSS? Any good examples or starting point?
  5. Where I can find or how to search for examples or ready to use widgets like the one linked by hmerk here [SOLVED] UI Widget: Intesis aircon controller; No commands send to items ?
  6. hmerk How you embedded different post? Links looks different.
  7. rlkoshak can You elaborate on those item-metadata or toss another link? Muuuuch appreciate :kiss:
  8. Maybe some example of three state button using expressions.

I’m almost on the other side Alice. More and more things starts to fit.