Quote - Citation

La citation est utilisé pour afficher des citations.

Component checklist

Statut

-

Fonctionnel

Code source

Lien vers le repository (nous demander les droits)

Storybook

Dernière version publiée

Dernière version de modification

Package @ds-autonomie/web-components

2.15.0

Disponible depuis la version

Package @ds-autonomie/web-components

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