Tabs
Fokussierte Ansichten, ohne den umgebenden Kontext zu verlieren.
Strukturierte Navigation
Tabs teilen zusammengehörige Inhalte in Ansichten auf und halten ihre Beziehung sichtbar.
Die vollständige Tab-Deklaration bleibt im Komponentenbaum. Auswahl, Tastaturnavigation, SSR-Ausgabe und Panel-Lebenszyklus verbleiben in der Verantwortung der Tabs-Komponente.
Aktives Panel
Der Standardmodus mountet nur das ausgewählte Panel und entsorgt es, wenn ein anderer Tab aktiv wird.
Projektübersicht
Eine kompakte Ansicht für Status, Verantwortlichkeit und die nächste wichtige Entscheidung.
Erhaltener Panel-Zustand
KeepMountedHidden hält jedes Panel am Leben und ändert nur seine Sichtbarkeit.
Entwurfsarbeitsbereich
Dieser Zähler bleibt erhalten, während ein anderer Tab ausgewählt ist.
Interactions: 0
Vorschauarbeitsbereich
Jedes gemountete Panel verwaltet und entsorgt seinen eigenen reaktiven Zustand.
Interactions: 0
Kontextbezogene DSL
Tabs und ihre Panels werden gemeinsam deklariert; Rendermodus und Auswahl bleiben reaktive Properties.
scala
tabs {
renderMode = RenderMode.KeepMountedHidden
selectedIndex = selectedTab
tab("Overview") {
text("Overview content") {}
}
tab("Settings") {
text("Settings content") {}
}
}