Компонент «Сообщения об успешном выполнении»
Компонент сообщений об успехе с дизайном Neumorphism, адаптивной и поддержкой темных тем
HTML-код
<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>Связанные компоненты
Компонент «Сообщения об успешном выполнении»
Сложный, адаптивный и совместимый с темной темой компонент сообщений об успехе для приложений социальных сетей с ярким 3D-дизайном с использованием Tailwind CSS. Он включает в себя множество интерактивных элементов.
Industrial_Success_Message
Простой компонент сообщения об успехе в индустриальном стиле с теплыми нейтральными тонами, разработанный для CRM/Business Tools, отличающийся эстетикой сырья и полной отзывчивостью с поддержкой темного режима.
Компонент «Сообщения об успешном выполнении»
Компонент, который отображает смелые сообщения об успехе с брутальным стилем дизайна, высокой контрастностью, отзывчивыми эффектами и поддержкой темных тем.