Composant Messages de réussite
Composant Messages de réussite avec mode sombre - Dispose d’effets réactifs et de la prise en charge du thème sombre. Aucun code JavaScript n’est nécessaire. Pour le mode sombre, la prise en charge CSS est suffisante.
HTML Code
<div class="flex items-center justify-center h-screen bg-zinc-950">
<div class="relative px-4 py-3 pr-10 text-teal-500 bg-teal-900 rounded-lg shadow-md" role="alert">
<strong class="font-bold select-none">Success!</strong>
<span class="block sm:inline select-none">Your action was successful.</span>
<span class="absolute top-0 bottom-0 right-0 flex items-center px-4 py-3">
<svg class="w-6 h-6 fill-current" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<title>Close</title>
<path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15L6.342 6.342a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z" />
</svg>
</span>
</div>
</div>Composants associés
Composant de message de réussite neumorphique
Un composant simple de message de réussite neumorphique avec une palette de couleurs complémentaire pour un tableau de bord, avec un design réactif et la prise en charge du mode sombre.
Composant Messages de réussite
Composant Messages de Succès avec conception Neumorphism, prise en charge du thème réactif et sombre
Composant Messages de Succès - Immobilier Mode Sombre Couleurs Bonbon
Un composant de message de réussite pour les plateformes immobilières, conçu avec un fond sombre, des couleurs bonbon gaies (rose bonbon, vert menthe) et une réactivité pour toutes les tailles d’écran, y compris la prise en charge du mode sombre.