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 au design rétro/vintage, incluant la prise en charge du mode sombre et de la réactivité.
Alerte monochromatique e-commerce
Un composant de message d’alerte simple et réactif pour le commerce électronique, doté d’une palette de couleurs monochromatiques et d’une micro-interaction subtile pour le rejet. Prend en charge le 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.