Componente Botones
Un componente de botones minimalista diseñado para un portafolio que muestra trabajos o productos, con colores vibrantes y un diseño receptivo con soporte para temas oscuros mediante Tailwind CSS.
Código HTML
<div class="flex flex-col items-center justify-center h-screen bg-white dark:bg-gray-900 p-4">
<h1 class="text-2xl font-bold text-gray-800 dark:text-white mb-6">Portfolio Buttons</h1>
<div class="space-y-4">
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-red-500 rounded hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-600 transition duration-200">View Projects</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-green-500 rounded hover:bg-green-600 dark:bg-green-700 dark:hover:bg-green-600 transition duration-200">Contact Me</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-blue-500 rounded hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-600 transition duration-200">Download CV</a>
</div>
</div>Componentes relacionados
Componente Botones de Material Design
Componente de botones de diseño de materiales en tonos tierra para redes sociales
Componente Botones
Un componente de botones simple diseñado con Material Design, que utiliza un esquema de color monocromático y admite el modo oscuro, adecuado para sitios web comerciales / corporativos.
Componente Botones
Un conjunto de botones interactivos para una aplicación CRM/Business Tools, con microinteracciones, colores de tono joya y capacidad de respuesta completa con soporte para modo oscuro.