複数のタブを持つタブシートのための適切な宣言構文は何ですか？

Question

複数のタブを持つタブシートのための適切な宣言構文は何ですか？私は1つのタブだけでうまく動作する宣言的なXMLを以下のように持っています。私は別の要素を追加する場合には、タブシートが内側に一つだけの要素を許可すると言う、いただきました奇妙な...任意のアイデアをいただきました！ここで間違って？

<vaadin-tab-sheet> 
     <tab caption="Basic"> 
     </tab> 
</vaadin-tab-sheet> 

Answer 1

TabSheetには複数のタブを含めることができますが、TabSheet内のタブには1つのコンポーネントしか含めることができません。タブ内に複数のコンポーネントを追加する場合は、それらをカバーするレイアウトが必要です。ここで は一例です：

<vaadin-tab-sheet> 
     <tab caption="Tab 1 with multiple components" selected> 
      <vaadin-horizontal-layout> 
       <vaadin-button plain-text> 
        Button 
       </vaadin-button> 
       <vaadin-button plain-text> 
        Button 
       </vaadin-button> 
      </vaadin-horizontal-layout> 
     </tab> 
     <tab caption="Tab 2 with only one component"> 
      <vaadin-button plain-text> 
       Button 
      </vaadin-button> 
     </tab> 
    </vaadin-tab-sheet>