Registerkarten-Layout: Tab Layout

Mit dem Registerkarten-Layout können weitere Layouts (Flow-Layout oder Grid-Layout) auf Registerkarten angeordnet werden. Dieses Layout ist gut geeignet, wenn viele Informationen zur Verfügung gestellt werden sollen, die thematisch geordnet werden können, z. B. Formulare.

Das Registerkarten-Layout kann sowohl in Komponenten als auch innerhalb von anderen Layouts verwendet werden.

Ein Registerkarten-Layout wird mit dem Element <TabLayout> erzeugt. Ein Registerkarten-Layout muss mindestens ein Element <Tab> enthalten.

Ein Element <Tab> muss genau ein Element <FlowLayout> oder ein Element <GridLayout> enthalten.

Beispiele

<TabLayout title="Tab layout">
       <Tab displayName="Tab 1">
             <FlowLayout>
                    <Label value="tab 1" />
             </FlowLayout>
       </Tab>
       <Tab displayName="Tab 2">
             <GridLayout>
                    <Label value="tab 1" />
                    <Label value="tab 2" />
                    <Label value="tab 3" />
             </GridLayout>
       </Tab>
</TabLayout>