<tabs>

The tabs component contains a row of tabs that control the visibility of a stack of tabpanes. When a tabpane is added to a tabs component, a corresponding tab is created for that tabpane. The text which shows up in the tab is derived from the text attribute of the tabpane.

The tabs component will be sized automatically to the largest tabpane, unless an explicit height or width is specified within the <tabs> tag.

<canvas width="150" height="100">
  <tabs>
    <tabpane text="one">
      <button>press one</button>
    </tabpane>
    <tabpane text="two">
      <button>press two</button>
    </tabpane>
  </tabs>
</canvas>

• tab, tabsbar, tabpane, tabscontent, and basetabs

• For details on how this component is constructed, see the Tabs section of the Component Design Guide.