Composant de bouton

Le composant Bouton des composants principaux permet de configurer et d’afficher un élément de bouton sur une page.

Utilisation

Le composant Bouton des composants principaux permet l’inclusion d’un bouton sur une page.

Version et compatibilité

La version actuelle du composant Bouton est v2, qui a été introduite avec la version 2.18.0 des composants principaux en février 2022. Elle est décrite dans ce document.

Le tableau ci-après présente en détail toutes les versions prises en charge du composant, les versions AEM avec lesquelles les versions du composant sont compatibles et les liens vers la documentation pour les versions précédentes.

Version du composant AEM 6.4 AEM 6.5 AEM as a Cloud Service
v2 - Compatible Compatible
v1 Compatible Compatible Compatible

Pour plus d’informations sur les versions et les publications des composants principaux, voir le document sur les versions des composants principaux.

Exemple de sortie de composant

Pour tester le composant de bouton et obtenir des exemples d’options de configuration, ainsi que des sorties HTML et JSON, consultez la bibliothèque de composants.

Détails techniques

La documentation technique la plus récente sur le composant de bouton se trouve sur GitHub.

Vous trouverez plus d’informations sur le développement des composants principaux dans la documentation destinée aux développeurs de composants principaux.

Boîte de dialogue de configuration

La boîte de dialogue de configuration permet à l’auteur du contenu de définir le bouton et la façon dont il se comporte et apparaît pour un visiteur sur la page.

Onglet Propriétés

Onglet Propriétés de la boîte de dialogue de modification du composant Bouton

  • Texte : texte à afficher sur le bouton.
  • Lien : lien vers une page de contenu dans AEM, une ressource externe ou une ancre.
    • Utilisez la boîte de dialogue de sélection pour choisir un chemin dans AEM.
  • Ouvrir le lien dans un nouvel onglet : si cette option est cochée, le lien s’ouvre dans un nouvel onglet du navigateur.
  • Icône : identificateur pour l’affichage d’une icône dans le bouton.
  • ID : cette option permet de contrôler l’identifiant unique du composant dans le code HTML ainsi que dans la couche de données.
    • Si rien n’est indiqué, un ID unique est généré automatiquement et peut être trouvé en examinant la page obtenue.
    • Si un ID est spécifié, il incombe à l’auteur de s’assurer qu’il est unique.
    • La modification de l’ID peut avoir un impact sur le suivi CSS, JS et de couche de données.

Onglet Accessibilité

Onglet Accessibilité de la boîte de dialogue de modification du composant Bouton

Dans l’onglet Accessibilité, les valeurs peuvent être définies pour les étiquettes d’accessibilité ARIA du composant.

  • Étiquette : Valeur d’un attribut de étiquette ARIA pour le composant

Onglet Styles

Onglet Styles de la boîte de dialogue de modification du composant Bouton

Le composant Bouton prend en charge le système de style AEM.

Utilisez la liste déroulante pour sélectionner les styles à appliquer au composant. Les sélections effectuées dans la boîte de dialogue de modification ou dans la barre d’outils du composant ont le même effet.

Pour que le menu déroulant soit disponible, les styles doivent être configurés pour ce composant dans la boîte de dialogue de conception.

Boîte de dialogue de conception

Onglet Styles

Le composant Bouton prend en charge le système de style AEM.

Couche de données client Adobe

Le composant Bouton prend en charge la couche de données client Adobe.

Sur cette page