Navigation

Underline tabs

Eine 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.

Naledi Osei

naledi@driftworks.co · Product designer

Underline tabs verwenden

Eine 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.

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: accentColor, defaultTab, underlineThickness

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

2233Sliding height tabsNavigationIn 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.

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.

1914ARIA Tablist ResizeNavigationEine vollständig zugängliche Roving-Tabindex-Tab-Liste mit einer gleitenden Pillen-Hervorhebung, bei der sich die Größe des Bedienfeldrahmens nahtlos an den angezeigten Tab-Inhalt anpasst.

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.

2111Auto-Hide Nav BarNavigationEine klebrige obere Leiste, die nach oben aus dem Blickfeld gleitet, wenn der Besucher nach unten scrollt, und wieder hineingleitet, sobald er nach oben scrollt.