> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-tabs.md).

# AX - Registerkarten

## Übersicht

**AX - Registerkarten** ist eine Experience-Cloud-Komponente, die Inhalte auf Experience-Sites-Seiten in beschrifteten Registerkarten organisiert und Portalbenutzern ermöglicht, zwischen verschiedenen Abschnitten zu wechseln, ohne die Seite zu verlassen.

Verwenden Sie sie, um zusammengehörige Inhalte zu organisieren, die nicht alle gleichzeitig sichtbar sein müssen – etwa Produktdetails über mehrere Registerkarten, Formulare mit mehreren Abschnitten, kategorisierte Ressourcen oder gruppierte Informationen. Wählen Sie horizontale oder vertikale Registerkartenlayouts und konfigurieren Sie das Styling im Experience Builder.

Perfekt für Produktinformationsseiten, mehrstufige Formulare, Ressourcenkategorien, Kontobereiche oder überall dort, wo Ihr Portal Inhalte in umschaltbaren Ansichten organisieren muss.

{% hint style="danger" %}
Diese Komponente [nutzt Slots](/experience-cloud/experience-cloud-de/erste-schritte/learning-the-basics.md#understanding-slots) für erweiterte Anpassungen und ist damit ideal für LWR-Sites. Aura-Sites unterstützen dieses Maß an Anpassung nicht.
{% endhint %}

## Konfiguration

### Eigenschaften

**Ausrichtung** legt das Layout der Registerkarten fest — horizontal oder vertikal — und optimiert es für die Benutzernavigation und die Sichtbarkeit der Inhalte.

**Bereichsbezogen** ermöglicht bereichsbezogenes Styling, sodass Stile auf die Komponente beschränkt bleiben und unbeabsichtigte Konflikte mit anderen Seitenelementen vermieden werden.

**Scrollfähig** macht die Registerkarten scrollbar, und **Scroll-Schaltflächen anzeigen** (mit der mobilen Variante) steuert die Sichtbarkeit der Scroll-Schaltflächen und sorgt so auch bei einer größeren Anzahl von Registerkarten für eine einfache Navigation.

**Hintergrundbild für CMS-Inhalte** und **URL des Hintergrundbilds für Inhalte** Passen Sie den Hintergrund des Inhaltsbereichs der Registerkarte an, indem Sie ein Bild aus dem CMS auswählen oder eine URL angeben; **Inhalts-Overlay-Farbe** legt eine farbige Überlagerung darüber, um die Lesbarkeit zu verbessern.

**Datenquelle** definiert die Quelle der Registerkartenbeschriftungen und Inhalte und ermöglicht die manuelle Konfiguration von Registerkarteneigenschaften wie Beschriftungen, Symbolen und Tooltips.

## Styling

{% tabs %}
{% tab title="Größeneinstellungen" %}
Definieren Sie Breite und Höhe der Registerkarten, damit sie sich nahtlos in Ihr Layout einfügen.
{% endtab %}

{% tab title="Hintergrund- und Rahmenstile" %}
Passen Sie Hintergründe und Rahmen mit Optionen wie Farben und Größen an und verstärken Sie so die visuelle Abgrenzung jeder Registerkarte.
{% endtab %}

{% tab title="Registerkartenstile" %}
Passen Sie verschiedene Aspekte wie vertikale Ausrichtung, Breite, Höhe und Abstände an, um Erscheinungsbild und Layout der Registerkarten zu verfeinern.
{% endtab %}

{% tab title="Stile für Beschriftung und Untertitel" %}
Passen Sie das Aussehen des Textes innerhalb der Registerkarten an und verwenden Sie Farben sowie Schriftstile, um Lesbarkeit und ästhetische Wirkung zu verbessern.
{% endtab %}

{% tab title="Stile für die Überlaufschaltfläche" %}
Passen Sie das Erscheinungsbild der Überlaufschaltfläche an und stimmen Sie Text- und Hintergrundfarben für visuelle Konsistenz ab.
{% endtab %}
{% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-tabs.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
