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.
HTML-Code
<div class="bg-gray-900 text-white p-4 rounded-lg">
<h2 class="text-xl font-bold mb-4">User Mentions</h2>
<div class="space-y-4">
<div class="flex items-center">
<img class="w-10 h-10 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Avatar">
<div>
<p class="font-semibold">John Doe</p>
<p class="text-gray-400 text-sm">Mentioned you in a comment</p>
</div>
</div>
<div class="flex items-center">
<img class="w-10 h-10 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Avatar">
<div>
<p class="font-semibold">Jane Smith</p>
<p class="text-gray-400 text-sm">Mentioned you in a post</p>
</div>
</div>
<div class="flex items-center">
<img class="w-10 h-10 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/19.jpg" alt="Avatar">
<div>
<p class="font-semibold">Peter Jones</p>
<p class="text-gray-400 text-sm">Mentioned you in a message</p>
</div>
</div>
</div>
</div>Verwandte Komponenten
Komponente "Benutzererwähnungen"
Ein reaktionsschneller Benutzer erwähnt eine Komponente mit Unterstützung für dunkle Themen und Mikrointeraktionen, die für Unternehmenswebsites mit Tailwind CSS entwickelt wurde.
Komponente "Benutzererwähnungen"
Eine User Mentions-Komponente, die mit Mikrointeraktionen entwickelt wurde, mit responsiven Effekten und Unterstützung für dunkle Themen, die mit Tailwind CSS erstellt wurde.
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.