Componente Wishlist - Material Design
Un componente della lista dei desideri ispirato al Material Design con design reattivo e supporto per temi scuri.
Codice HTML
<div class='p-4 max-w-sm mx-auto bg-white rounded-xl shadow-md space-y-4 sm:flex sm:items-center sm:space-y-0 sm:space-x-6 dark:bg-gray-800'>
<div class='text-center space-y-2 sm:text-left'>
<div class='space-y-0.5'>
<p class='text-lg text-black font-semibold dark:text-white'>
Product Name
</p>
<p class='text-gray-500 font-medium dark:text-gray-300'>
$19.99
</p>
</div>
<button class='px-4 py-1 text-sm text-purple-600 font-semibold rounded-full border border-purple-200 hover:text-white hover:bg-purple-600 hover:border-transparent focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-offset-2 dark:focus:ring-offset-gray-800'>
Remove
</button>
</div>
<img class='block mx-auto h-24 rounded-full sm:mx-0 sm:flex-shrink-0' src='https://picsum.photos/200' alt='Product Image'>
</div>Componenti correlati
Componente Glassmorphism Wishlist - Agricoltura/Allevamento
Un componente della lista dei desideri reattivo con uno stile di design glassmorphism, una combinazione di colori pastello e su misura per siti Web di agricoltura/allevamento. Presenta elementi traslucidi simili al vetro smerigliato con effetti di sfocatura, HTML semantico e supporto completo della modalità oscura.
Componente Lista dei desideri
Un componente per la lista dei desideri dal design minimalista/piatto con effetti reattivi e supporto per temi scuri.
Componente Lista dei desideri
Un componente della lista dei desideri pulito e affidabile progettato per organizzazioni senza scopo di lucro/beneficenza, caratterizzato da una combinazione di colori triadica e piena reattività con supporto per la modalità scura.