Le contenu à onglets Bric fournit une zone de contenu dont le contenu est contrôlé par des onglets de navigation. Contrairement à la plupart des autres Brics trouvé dans Blocs, le contenu à onglets Bric se compose de deux parties distinctes, une liste Bric et une Div Bric. Les deux éléments qui composent le contenu à onglets Bric contiennent des attributs de données personnalisés importants qui leur permettent de fonctionner à l'unisson.
Pour ajouter d'autres onglets, sélectionnez simplement l'un des onglets des éléments de la liste via l'arborescence des couches et dupliquez-le à l'aide du raccourci clavier D. Veillez également à dupliquer la zone de contenu Div qui sera nécessaire pour afficher le contenu.
Communication
L'élément de liste d'une zone de contenu à onglets affiche les liens d'onglet sur lesquels l'utilisateur a cliqué pour révéler le contenu de l'onglet pertinent. Chacun de ces liens a un ensemble d'interactions URL, cette URL pointe vers un identifiant, par exemple # nav-36725-content-3 et un attribut personnalisé nommé contrôles aria avec un ID correspondant sans le # au début, par exemple nav-36725-contenu-3. Ces ID correspondent également à l'attribut de données personnalisé aria-labellisé, qui se trouve sur l'élément Div de contenu à onglets lié à ce lien d'onglet.
Valeur d'interaction de l'URL du lien de l'onglet
Attribut personnalisé d'URL du lien d'onglet aria-controls
Conteneur d'onglets div aria-labelledby attribut personnalisé
Si vous apportez des modifications à l'interaction d'URL du lien d'onglet ou si vous essayez d'ajouter d'autres zones à onglets, assurez-vous de mettre également à jour ces modifications dans les attributs de données personnalisés aria-controls et aria-labelledby afin qu'ils correspondent tous.
Pour plus d'informations sur le fonctionnement des zones de contenu à onglets, reportez-vous au Documents sur Bootstrap 4.