Composant Messages de réussite
Composant Messages de Succès avec conception Neumorphism, prise en charge du thème réactif et sombre
HTML Code
<div class="flex items-center justify-center h-screen dark:bg-gray-900">
<div class="bg-gray-200 p-6 rounded-xl shadow-xl s Neumorphism dark:bg-gray-800">
<div class="text-green-500 text-2xl mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 dark:text-white">Success!</h3>
<p class="text-gray-600 dark:text-gray-300">Your action was performed successfully.</p>
</div>
</div>Composants associés
Composant Messages de réussite
Un composant de message de réussite complexe, réactif et compatible avec les thèmes sombres pour les applications de médias sociaux, doté d’un design 3D dynamique à l’aide de Tailwind CSS. Il comprend de multiples éléments interactifs.
Composant Messages de réussite
Un composant de message de réussite simple et artistique avec une palette de couleurs sépia/marron, adapté aux applications de crypto-monnaie/blockchain. Dispose d’un design doux inspiré de l’aquarelle, d’une réactivité totale et d’une prise en charge du mode sombre.
Composant Messages de réussite
Un composant de messages de réussite de conception minimaliste / plate pour les médias sociaux avec des couleurs pastel claires et une mise en page réactive complexe.