I found bug into the Items of Tab component.
When you create Tab and write 3 TabItems for it, all of the component are correct but when you want create other tab into the first or second part of TabItem with 2 tabitems, you will expect to see one main Tab with 3 TabItems and other Tab with 2 Tabitems into the first tabItem of first Tab. But you will see one Tab with 5 Tabitems So main Tab merge all of TabItems with together.
<Tab id="mainTab"> <TabItem id="item1"> <Tab id="childTab"> <TabItem id="childItem1"> Content 1 </TabItem> <TabItem id="childItem2"> Content 2 </TabItem> </Tab> </TabItem> <TabItem id="item2"> Content 2 </TabItem> <TabItem id="item3"> Content 3 </TabItem> </Tab>
Thanks for solving this problem or for guiding me.