Komponente "Benutzererwähnungen"
Ein einfacher, reaktionsschneller Benutzer erwähnt eine Komponente mit Skeuomorphismus-Design, analogem Farbschema und Unterstützung für den Dunkelmodus.
HTML-Code
<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>Verwandte Komponenten
Komponente "Benutzererwähnungen"
Benutzererwähnungen Komponente mit Unterstützung für den Dunkelmodus, mit reaktionsschnellen Effekten und Unterstützung für dunkle Themen. Verwendet zufällige Platzhalterbilder aus picsum.photos für Bilder und randomuser.me für Avatare.
Komponente "Benutzererwähnungen"
Ein Benutzer erwähnt eine Komponente, die im Glassmorphism-Stil mit mattglasähnlichen, durchscheinenden Elementen mit Unschärfeeffekten entworfen wurde. Es enthält eine Unterstützung für dunkle Themen und ist reaktionsschnell, wodurch es für E-Commerce-Websites geeignet ist.
Komponente "Benutzererwähnungen"
Ein skeuomorpher Benutzer erwähnt eine Komponente, die entwickelt wurde, um reale Elemente nachzuahmen, mit responsiven Effekten und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS.