Der Tabbed Content Bric bietet einen Inhaltsbereich, dessen Inhalt über Navigationsregisterkarten gesteuert wird. Im Gegensatz zu den meisten anderen Brics innerhalb gefunden Blocsbesteht der Bric mit Registerkarteninhalt aus zwei separaten Teilen, einem List-Bric und einem Div-Bric. Beide Elemente, aus denen der Bric mit Registerkarteninhalt besteht, enthalten wichtige benutzerdefinierte Datenattribute, die es ihnen ermöglichen, gemeinsam zu arbeiten.
Um weitere Registerkarten hinzuzufügen, wählen Sie einfach eine der Registerkarten für Listenelemente über den Ebenenbaum aus und duplizieren Sie sie über die Tastenkombination D. Achten Sie darauf, auch den Inhaltsbereich Div zu duplizieren, der zum Anzeigen des Inhalts benötigt wird.
Kommunikation
Das Listenelement aus einem Inhaltsbereich mit Registerkarten zeigt die Registerkartenlinks an, auf die geklickt wird, um den relevanten Registerkarteninhalt anzuzeigen. Für jeden dieser Links ist eine URL-Interaktion festgelegt. Diese URL verweist beispielsweise auf eine ID # nav-36725-content-3 und ein benutzerdefiniertes Attribut mit dem Namen Arienkontrollen Zum Beispiel mit einer passenden ID ohne das # am Anfang nav-36725-inhalt-3. Diese IDs stimmen auch mit dem benutzerdefinierten Datenattribut überein Arie-beschriftet von, das sich auf dem Div-Element mit Registerkarten befindet, das sich auf diesen Tab-Link bezieht.
Tab-Link-URL-Interaktionswert
Tab-Link-URL-Arie steuert benutzerdefiniertes Attribut
Tab Container div aria-labelledby benutzerdefiniertes Attribut
Wenn Sie Änderungen an der Tab-Link-URL-Interaktion vornehmen oder versuchen, weitere Bereiche mit Registerkarten hinzuzufügen, stellen Sie sicher, dass Sie diese Änderungen auch an den Aria-Steuerelementen und den Aria-Labels durch benutzerdefinierte Datenattribute aktualisieren, damit sie alle übereinstimmen.
Weitere Informationen zur Funktionsweise von Inhaltsbereichen mit Registerkarten finden Sie in der Bootstrap 4-Dokumente.