Компонент "Предупреждающие сообщения"
Отзывчивый скевоморфный компонент предупреждающих сообщений, предназначенный для блогов/потребления контента, с дополнительной цветовой схемой и поддержкой темных тем.
HTML-код
<div class="max-w-md mx-auto p-4 bg-gray-100 dark:bg-gray-800 rounded-lg shadow-lg">
<div class="flex items-center mb-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full mr-3">
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Alert Title</h2>
</div>
<p class="text-gray-700 dark:text-gray-300">
This is a simple alert message that mimics real-world alert styles, using complementary colors for the design.
</p>
<div class="mt-4 flex justify-end">
<img src="https://picsum.photos/150/50?random" alt="Illustration" class="rounded-md shadow-md">
</div>
</div>Связанные компоненты
Компонент "Предупреждающие сообщения"
Минималистичный и яркий компонент предупреждающих сообщений для бизнес/корпоративных веб-сайтов с адаптивным дизайном и поддержкой темного режима. Он включает в себя различные типы оповещений, такие как успех, ошибка, информация и предупреждение.
Компонент "Предупреждающие сообщения"
Сложный, отзывчивый компонент предупреждающих сообщений, разработанный в соответствии с принципами Material Design с использованием океанических/голубых тонов, подходит для некоммерческих/благотворительных веб-сайтов. Включает несколько типов оповещений, функцию закрытия и поддержку темного режима.
Компонент "Предупреждающие сообщения"
Простой монохромный компонент предупреждающих сообщений для блогов с анимацией, ориентированной на микровзаимодействие, поддержкой темного режима и быстродействием.