Quote - Citation

Composant utilisé pour afficher des citations.

Component checklist

Statut

Fonctionnel

Code source

Storybook

Dernière version de modification

2.15.0

Disponible depuis la version

1.21.0

Usage


                                                                                                                                                        
                                                                                                                                                        
                                                                                                                                                            <dsa-quote quote="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus." author="Auteur">
                                                                                                                                                        </dsa-quote>
                                                                                                                                                        <script type="text/typescript">
                                                                                                                                                          import '@ds-autonomie/web-components/dist/components/quote/quote.js';
                                                                                                                                                          import type { DSAQuote } from '@ds-autonomie/web-components';
                                                                                                                                                        </script>
                                                                                                                                                        
                                                                                                                                                            

Code HTML à implémenter pour utiliser l'alerte

 


API

Attributs et propriétés

Propriété

attribut

Description

Type

Valeur par défaut

author

L'auteur de la citation

string

''

borders

Ajouter des bordures

boolean

false

cite

L'url de la source de la citation

string

''

details

Détails sur la citation

string

''

quote

Le texte de la citation

string

''

size

La taille du bloc de citation

'small' | 'medium'

’medium'

Méthodes

Slots

Nom

Description

details

Détails sur la citation. Vous pouvez utiliser la balise HTML <cite> pour indiquer le titre de l'ouvrage d'où provient la citation.

image

Une image associée à la citation

Événements