Statut
Component checklist
Usage
<dsa-download-card
href="#"
description="Texte de description (Optionnel)"
format="PDF" documentsize="24 Ko"
>
Télécharger le document lorem ipsum sit dolores amet
</dsa-download-card>
<script type="text/typescript">
import '@ds-autonomie/web-components/dist/components/download-card/download-card.js';
import type { DSADownloadLink } from '@ds-autonomie/web-components'
</script>
API
Attributs et propriétés
Comment utiliser les attributs ? » Utilisation des webcomponents
|
Propriété attribut |
Description |
Type |
Valeur par défaut |
|---|---|---|---|
|
href |
L'url du document téléchargeable |
string |
'' |
|
description |
Description du document téléchargeable |
string |
- |
|
format |
Format du document téléchargeable |
string |
- |
|
documentSize documentsize |
Taille du document téléchargeable |
string |
- |
|
filename |
Nom du document qui sera téléchargé |
string |
- |
Méthodes
Comment utiliser les méthodes ? » Utilisation des webcomponents
Ce composant ne propose pas de méthodes.
Slots
Comment utiliser les slots ? » Utilisation des webcomponents
|
Nom |
Description |
|---|---|
|
(defaut) |
Le contenu principal, soit le titre du lien |
|
image |
Une image optionnelle au début de la carte |
Événements
Comment utiliser les événements ? » Utilisation des webcomponents
|
Nom |
Description |
|---|---|
|
dsa-blur |
Émis lorsque le lien perd le focus |
|
dsa-focus |
Émis lorsque le lien obtient le focus |