Компонент упоминаний пользователя
Простой, отзывчивый пользователь упоминает компонент со скевоморфизмом, аналогичной цветовой схемой и поддержкой темного режима.
HTML-код
<div class="bg-gray-200 dark:bg-gray-800 p-4 rounded-lg shadow-xl">
<div class="flex items-center mb-4">
<img class="w-10 h-10 rounded-full mr-4 shadow-md" src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar">
<p class="text-gray-800 dark:text-gray-200 font-semibold text-lg">John Doe</p>
</div>
<p class="text-gray-700 dark:text-gray-300">
Mentioned you in a comment:
<span class="text-blue-600 dark:text-blue-400">@JaneSmith</span> This is a great point!
</p>
</div>Связанные компоненты
Компонент упоминаний пользователя
Пользователь упоминает компонент для панели управления с монохроматической цветовой схемой, простым макетом, адаптивным дизайном и поддержкой темной темы с использованием Tailwind CSS.
Компонент упоминаний пользователя
Простой и минималистичный пользователь упоминает компонент, с поддержкой темного режима. Кликабельные аватары и имена пользователей отображаются в макете flexbox. Компонент отзывчив и адаптируется под разные размеры экрана.
Пользователь упоминает компонент 15
Веб-компонент, отображающий упоминания пользователей в стиле Material Design, с адаптивными эффектами и поддержкой темных тем.