Navigation

Sliding height tabs

In einer Karte eingerahmte Tabs, bei denen beim Wechseln der Felder der gesamte Inhalt wie bei einem Filmstreifen zur Seite verschoben wird, während die Höhe der Karte an das neue Feld angepasst wird.

Full nameEmail

Sliding height tabs verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: tabOneLabel, tabTwoLabel, accent

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1920Bare Sliding Tab StripNavigationEine standardmäßig nicht gestylte Laschenleiste, deren Panels nebeneinander auf einem Filmstreifen sitzen, der auf Knopfdruck seitlich verschiebbar ist und sich gleichzeitig an die Höhe des Rahmens anpasst.

2077Underline tabsNavigationEine Reihe von Abschnittsregisterkarten mit einem farbigen Balken, der unter der aktiven Beschriftung verschoben und in der Größe geändert wird, anstelle eines gefüllten Hintergrunds.

1916Auto height tabsNavigationEine Registerkartengruppe, deren Inhaltscontainer beim Wechseln der Registerkarten die Höhe stufenlos an die Größe jedes Panels anpasst, anstatt zu springen oder leeren Raum zu hinterlassen.

2194Morphing Pill NavbarNavigationEine Reihe von Navigationsbeschriftungen in einer dunklen Pille, wobei die aktive Beschriftung in ihre eigene gefüllte Pille aufbricht und die verbleibenden Beschriftungen sich zu einer zweiten Pille zusammenschließen, die um sie herum neu fließt.

1537Pill tabsNavigationEin Tab-Strip, in dem ein einzelnes Tablet auf den ausgewählten Tab gleitet und sich dort ausdehnt, mit Pfeil, Navigationstasten „Pos1“ und „Ende“ und einem Bedienfeld zum Überblenden.

2072Two-Mode Resize TabsNavigationEine Tab-Leiste mit einer Morphing-Pill-Hervorhebung, deren Inhaltsrahmen entweder vergrößert werden kann, um sich der natürlichen Höhe jedes Panels anzupassen, oder die Größe als ein animiertes Feld ändern kann, ausgewählt durch einen Modusschalter.