Composant de bouton (v1) button-component
Le composant Bouton des composants principaux permet de configurer et d’afficher un élément de bouton sur une page.
Utilisation usage
Le composant Bouton des composants principaux permet l’inclusion d’un bouton sur une page.
- Les propriétés du bouton peuvent être définies dans la boîte de dialogue de configuration.
- Les styles du composant de bouton peuvent être définis dans la boîte de dialogue de conception.
Version et compatibilité version-and-compatibility
Le document décrit la version v1 du composant Bouton, qui a été introduite avec la version 2.5.0 des composants principaux en juin 2019.
Exemple de sortie de composant sample-component-output
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 technical-details
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 configure-dialog
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 properties-tab
-
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.
-
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é accessibility-tab
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
Boîte de dialogue de conception design-dialog
Onglet Styles styles-tab
Le composant Bouton prend en charge le système de style AEM.
Couche de données client Adobe data-layer
Le composant Bouton prend en charge la couche de données client Adobe.