Composant Messages d’alerte
Un composant de message d’alerte simple, réactif et en niveaux de gris pour les sites de commerce électronique, avec prise en charge du mode sombre.
HTML Code
<div class="flex items-center p-4 text-sm text-gray-800 border border-gray-300 rounded-lg bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600" role="alert">
<svg class="flex-shrink-0 inline w-4 h-4 me-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
<path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 15.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/>
</svg>
<span class="sr-only">Info</span>
<div>
<span class="font-medium">New message:</span> Your order has been placed successfully.
</div>
</div>Composants associés
Composant Messages d’alerte
Un composant de message d’alerte complexe, vibrant, de style glassmorphism pour le commerce électronique, avec prise en charge du mode sombre.
Composant Messages d’alerte
Un composant de message d’alerte de style rétro/vintage pour les sites Web d’entreprise/d’entreprise, avec des tons de terre et un design réactif avec prise en charge du mode sombre.
Composant Messages d’alerte
Un composant de messages d’alerte avec une conception 3D, des fonctionnalités réactives et une prise en charge du thème sombre à l’aide de Tailwind CSS. Le composant comprend différents types d’alertes (succès, erreur, avertissement, infos) avec des icônes et des messages.