<tabslider>

A tabslider coordinates the opening and closing of its tabelement contained within its scope. Only one tabelement can be opened at one time. The height of the opened tabelement is determined by the height of the tabslider minus the total height of all the tabelements when they are closed.

<canvas width="200" height="250">
  <tabslider width="150" x="10" y="10"
             height="200"
             spacing="2" slideduration="300">
    <tabelement text="Tabelement One"/>
    <tabelement text="Tabelement Two"/>
    <tabelement text="Tabelement Three"/>
  </tabslider>
</canvas>

The height of a tabelement (when it is closed) is defined in the tabelement's minheight attribute with a default value of 22. This can also be specified on the tabslider itself using the attribute mintabheight, which will be applied to all of its tabelements.

<canvas width="200" height="250">
  <tabslider width="150" x="10" y="10"
             height="200" mintabheight="40"
             spacing="2" slideduration="300">
    <tabelement text="Tabelement One" minheight="20"/>
    <tabelement text="Tabelement Two"/>
    <tabelement text="Tabelement Three"/>
  </tabslider>
</canvas>

• tabelement

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