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
