Composant Messages d’alerte
Un composant de message d’alerte simple et monochrome pour les blogs avec des animations axées sur la micro-interaction, la prise en charge du mode sombre et la réactivité.
HTML Code
<div class="max-w-sm mx-auto bg-gray-100 dark:bg-gray-800 rounded-lg shadow-md overflow-hidden mt-4">
<div class="flex items-center px-4 py-3 animate-bounce">
<div class="flex-shrink-0">
<svg class="h-6 w-6 text-gray-500 dark:text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
</div>
<div class="ml-3">
<p class="text-sm leading-5 font-medium text-gray-700 dark:text-gray-300">
New article published!
</p>
</div>
</div>
</div>Composants associés
Composant Messages d’alerte
Ce composant est un message d’alerte avec un design minimaliste/plat, une palette de couleurs de tons de terre et une mise en page complexe. Il est conçu pour les interfaces de médias sociaux et est réactif avec la prise en charge du thème sombre. Il utilise Tailwind CSS pour le style et comprend plusieurs éléments interactifs.
Composant Messages d’alerte
Un composant de messages d’alerte réactifs conçu avec l’effet glassmorphism à des fins de commerce électronique. Il présente une mise en page simple avec une palette de couleurs monochromatiques et la prise en charge du mode sombre à l’aide de Tailwind CSS.
Monospace_Developer_Alert_Messages_Component
Composant complexe de messages d’alerte inspiré du monospace avec un jeu de couleurs noir, blanc et accentué, conçu pour la consommation de blog/contenu. Comprend la conception réactive et la prise en charge du mode sombre.