Componente dei pulsanti di progettazione dei materiali
Componente dei pulsanti di Material Design nei toni della terra per i social media
Codice HTML
```html
<div class="flex flex-col items-center justify-center min-h-screen bg-stone-100 dark:bg-stone-900 p-4">
<div class="flex space-x-4 rtl:space-x-reverse">
<button class="px-4 py-2 bg-amber-600 text-white dark:bg-amber-700 dark:text-stone-200 rounded-md shadow-md hover:bg-amber-700 dark:hover:bg-amber-800 transition duration-300 ease-in-out">Like</button>
<button class="px-4 py-2 bg-stone-400 text-stone-800 dark:bg-stone-600 dark:text-stone-200 rounded-md shadow-md hover:bg-stone-500 dark:hover:bg-stone-700 transition duration-300 ease-in-out">Comment</button>
<button class="px-4 py-2 bg-green-600 text-white dark:bg-green-700 dark:text-stone-200 rounded-md shadow-md hover:bg-green-700 dark:hover:bg-green-800 transition duration-300 ease-in-out">Share</button>
</div>
</div>
```Componenti correlati
Componente Pulsanti
Un componente pulsanti dal design minimalista/piatto con una combinazione di colori in scala di grigi. È adatto per siti Web aziendali/aziendali e ha una complessità moderata con alcune funzionalità interattive. È reattivo e supporta il tema scuro utilizzando Tailwind CSS.
Componente Pulsanti
Un componente di pulsanti reattivi con supporto della modalità oscura per i portfolio. Presenta un design piatto minimalista in scala di grigi con complessità moderata.
Componente Pulsanti
Un componente pulsante a tema retrò-vintage con combinazione di colori triadica, complessità semplice e design reattivo con supporto per la modalità oscura, adatto per un blog o un sito Web di contenuti.