WIP: Nested components: expected nesting levels?

I started experimenting with components and nesting them.

It seems nesting the 2 levels deep works. At 3 levels, the properties were not passed on.

How deep are nested components expected to work?

Structure:

Setup 1 (works with 2 levels)

Page root contains 2 nested components:

Root

  • Component Level 2
    Properties:
    • Button Label 2 (text)
    • Button Link 2 (link)
      Elements:
    • Text ==> Button Label 2
    • Button ==> Button Label 2 / Button Link 2
    • Component Level 1
      Properties:
      • Button label 1 (text)
      • Button Link 1 (link)
        Elements:
      • Text ==> Button Label 1
      • Button ==> Button Label 1 / Button Link 1

Setup 2 (fails at level 3 levels)

Page root contains 3 nested components:

Root

  • Component Level 3
    Properties:
    • Button Label 3 (text)
    • Button Link 3 (link)
      Elements:
    • Text ==> Button Label 3
    • Button ==> Button Label 3 / Button Link 3
    • Component Level 2
      Properties:
      • Button Label 2 (text)
      • Button Link 2 (link)
        Elements:
      • Text ==> Button Label 2
      • Button ==> Button Label 2 / Button Link 2
      • Component Level 1
        Properties:
        • Button label 1 (text)
        • Button Link 1 (link)
          Elements:
        • Text ==> Button Label 1
        • Button ==> Button Label 1 / Button Link 1

Hi @lbch,

Thanks for the detailed report. This is on our to-do list.

1 Like