Registerkarten

Übersicht

Die Avonni-Tabs-Komponente bietet eine strukturierte, intuitive und optisch ansprechende Methode, verschiedene Inhaltsabschnitte zu organisieren und anzuzeigen. Die Komponente verfügt über eine Reihe konfigurierbarer Eigenschaften, die die Erstellung horizontal oder vertikal ausgerichteter, scrollbarer und individuell gestalteter Tabs ermöglichen, damit sie nahtlos zum Erscheinungsbild Ihrer Website passen.

Diese Komponente nutzt Slots für erweiterte Anpassungen und ist damit ideal für LWR-Seiten. Aura-Seiten unterstützen dieses Maß an Anpassung nicht.

Tutorials

Demnächst

Einstellungen

🎛️ Eigenschaften

Name	Beschreibung	Verwendung
Ausrichtung	Legen Sie die Ausrichtung der Tabs fest und wählen Sie zwischen einem horizontalen oder vertikalen Layout.	Wählen Sie die Ausrichtung, die am besten zu Ihren Designanforderungen passt, um das Layout für die Navigation der Benutzer und die Sichtbarkeit der Inhalte zu optimieren.
Gekapselt	Aktivieren Sie gekapselte Stilgestaltung für eine fokussiertere und spezifischere Anwendung von Stilen auf die Tabs.	Verwenden Sie diese Funktion, um Stile anzuwenden, die auf die Komponente beschränkt sind und unbeabsichtigte Stilkonflikte mit anderen Seitenelementen verhindern.
Scrollbar & Scroll-Buttons	Machen Sie die Tabs scrollbar und steuern Sie die Sichtbarkeit der Scroll-Buttons, um eine einfache Navigation auch bei einer größeren Anzahl von Tabs zu gewährleisten.	Konfigurieren Sie die Scrollfunktionen basierend auf der Anzahl und dem Layout der Tabs, damit Benutzer alle verfügbaren Tabs leicht erreichen und navigieren können.
CMS-Inhalts-Hintergrundbild oder Inhalts-Hintergrundbild-URL	Passen Sie den Hintergrund des Tab-Inhaltsbereichs an, indem Sie ein Bild aus dem CMS auswählen oder eine URL angeben.	Verbessern Sie die visuelle Attraktivität Ihrer Tabs, indem Sie ein Hintergrundbild anwenden, das das Gesamtdesign und die Präsentation der Inhalte ergänzt.
Datenquelle	Definieren Sie die Quelle der Tab-Beschriftungen und -Inhalte, und ermöglichen Sie die manuelle Konfiguration von Tab-Eigenschaften wie Beschriftungen, Symbolen und Tooltipps.	Nutzen Sie diese Funktion, um die Tab-Daten anzupassen und sicherzustellen, dass jeder Tab korrekt beschriftet und bei Bedarf mit Symbolen oder Tooltipps versehen ist.

🎨 Gestaltung