Carte de téléchargement
بطاقة تنزيلDownload card
Stable
src/dsm/components/download-card.tsxLa carte de téléchargement présente un document à télécharger — formulaire, circulaire, rapport — avec son format, sa taille et sa date de mise à jour. Toute la carte est cliquable.
Import
import { DownloadCard } from "@/dsm/components/download-card";Exemples
Par défaut
Un formulaire PDF avec date de mise à jour.
LTR
Formulaire de demande de CNIE
Formulaire à remplir avant le dépôt au guichet ou en ligne sur watiqa.ma.
PDF – 1,2 Mo – Mis à jour le 3 février 2026
TéléchargerFormats
PDF, DOCX et XLSX, avec et sans langue précisée.
LTR
Documents officiels
Cas réel : grille de formulaires d'une démarche.
LTR
Formulaires — Création d'entreprise
Statuts types de SARL
Modèle de statuts pour une société à responsabilité limitée.
DOCX – 86 Ko – Mis à jour le 10 juillet 2025
TéléchargerDemande de certificat négatif
À déposer auprès de l'Office Marocain de la Propriété Industrielle et Commerciale.
PDF – 450 Ko – Mis à jour le 10 juillet 2025
TéléchargerGuide du créateur d'entreprise
Étapes, coûts et délais pour immatriculer une société au registre du commerce.
PDF – 3,4 Mo – Mis à jour le 2 mars 2026
TéléchargerUsage
Quand l'utiliser
- Utilisez la carte de téléchargement pour un document officiel autonome (PDF, DOCX) destiné à être imprimé ou archivé.
- Renseignez `updatedAt` dès qu'un document est susceptible d'évoluer, pour que l'usager sache s'il consulte la dernière version.
- Regroupez plusieurs cartes dans une grille pour une liste de formulaires d'une même démarche.
Quand ne pas l'utiliser
- N'utilisez pas la carte de téléchargement pour un lien vers une page web : préférez `Tile` ou `Card`.
- N'omettez pas `size` : l'usager doit pouvoir évaluer le poids du fichier avant de le télécharger sur une connexion limitée.
Accessibilité & langues
Accessibilité
- Le titre est un lien agrandi : toute la carte est cliquable, y compris la zone de l'icône.
- La ligne de métadonnées (format, taille, date) est un texte simple, lisible par tout lecteur d'écran sans dépendre d'une icône seule.
RTL & multilingue
- L'icône de document et l'icône de téléchargement restent identiques dans les deux sens de lecture : aucune n'est directionnelle.
Propriétés
DownloadCard
| Propriété | Type | Défaut | Description |
|---|---|---|---|
| title* | string | — | Nom du document. |
| description | string | — | Précision courte sur le contenu du document. |
| href* | string | — | URL du fichier. |
| format* | string | — | Format affiché, ex. « PDF ». |
| size* | string | — | Taille affichée, ex. « 1,2 Mo ». |
| lang | string | — | Langue du document, posée en `hrefLang` sur le lien. |
| updatedAt | string | — | Date de dernière mise à jour, affichée après « Mis à jour le ». |