Plugin alert : démonstration de toutes les variantes
Guide complet du bloc de code alert : couleurs, styles, direction, icônes, titre, description et classes personnalisées en Markdown et MDX.
Rédaction1min de lecture
Cet article montre toutes les variantes prises en charge par le langage de bloc alert.
Il fonctionne dans les fichiers .md et .mdx.
12 messages non lus. Touchez pour les voir.
Une nouvelle mise a jour logicielle est disponible.
Votre achat a ete confirme !
Attention : adresse e-mail invalide !
Erreur ! La tache a echoue avec succes.
Alerte info en style soft.
Alerte succes en style soft.
Alerte avertissement en style soft.
Alerte erreur en style soft.
Alerte info en style outline.
Alerte succes en style outline.
Alerte avertissement en style outline.
Alerte erreur en style outline.
Alerte info en style dash.
Alerte succes en style dash.
Alerte avertissement en style dash.
Alerte erreur en style dash.
Nouveau message !
Vous avez 1 message non lu.
Nouveau message !
Vous avez 1 message non lu.
Nouveau message !
Vous avez 1 message non lu.
Cette alerte utilise l'icone warning par defaut.
Cette alerte utilise une icone cloche personnalisee.
Cette alerte n'affiche volontairement aucune icone.
Quand title est present, l’alerte rend la structure titre + description de daisyUI.
Deploiement termine
La version 2.1.0 est maintenant en production.
Utilisez class pour ajouter des classes utilitaires ou daisyUI supplementaires.
Alerte avec une classe utilitaire d'ombre personnalisee.
La cle class peut aussi forcer des styles d'alerte additionnels.
Si description est absente, les lignes non-cle deviennent automatiquement la description.
Ce texte devient automatiquement la description de l'alerte.
Ligne un d'une description multi-lignes.
Ligne deux de la meme description.
Utilisez ce modele dans Markdown ou MDX :
```alerttype: infostyle: softdirection: responsiveicon: lucide:infotitle: Titre optionneldescription: Description optionnelleclass: classes-supplementaires-optionnelles```Commentaires
Les commentaires doivent être configurés
Giscus est activé mais pas encore configuré. Renseignez les informations du dépôt ci-dessous pour activer les commentaires.
- Rendez-vous sur
giscus.appet sélectionnez votre dépôt GitHub public (les Discussions doivent être activées). - Copiez les valeurs générées de
data-repo-id,data-categoryetdata-category-id. - Définissez les variables d’environnement
PUBLIC_GISCUS_ENABLED,PUBLIC_GISCUS_REPO,PUBLIC_GISCUS_REPO_ID,PUBLIC_GISCUS_CATEGORYetPUBLIC_GISCUS_CATEGORY_IDdans votre fichier.env. - Reconstruisez le site — cet avis sera remplacé par le fil de commentaires en direct.