Componentes Botones Componente Botones de Material Design

Componente Botones de Material Design

Componente de botones de diseño de materiales en tonos tierra para redes sociales

Vista previa

Código 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>
```

Componentes relacionados

Componente Botones

Una colección de botones de diseño minimalista y plano para diversas acciones, utilizando una combinación de colores complementaria. Totalmente receptivo con soporte para modo oscuro.

Abrir

Componente Botones

Componente Botones

Abrir

Componente Botones

Un componente de botones minimalista diseñado con Tailwind CSS, con efectos responsivos y compatibilidad con temas oscuros.

Abrir