Callout - Mise en avant

Composant permettant de mettre en avant des champs de texte

Component checklist

Statut

Fonctionnel

Code source

Storybook

Dernière version de modification

2.13.0

Disponible depuis la version

1.21.0

Usage


                                                                                                                                                        
                                                                                                                                                        
                                                                                                                                                            <dsa-callout callout-title="Titre" header-level="2">
                                                                                                                                                          <p>Norem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. </p>
                                                                                                                                                        </dsa-callout>
                                                                                                                                                        <script type="text/typescript">
                                                                                                                                                          import '@ds-autonomie/web-components/dist/components/callout/callout.js';
                                                                                                                                                          import type { DSACallout } from '@ds-autonomie/web-components';
                                                                                                                                                          const calloutEl = document.querySelector<DSACallout>('dsa-callout')
                                                                                                                                                          if (calloutEl !== null) {
                                                                                                                                                            console.log(calloutEl.calloutTitle)
                                                                                                                                                          }
                                                                                                                                                        </script>
                                                                                                                                                        
                                                                                                                                                            

Code HTML à implémenter pour utiliser l'alerte

 


API

Attributs et propriétés

Propriété

attribut

Description

Type

Valeur par défaut

callout-title

Titre de la mise en avant

string

''

headerLevel header-level

Le niveau aria-level du titre.

1 | 2 | 3 | 4 | 5 | 6

 

Méthodes

Slots

Nom

Description

(défaut)

Le contenu principal

Événements