Diseño20 de enero de 20244 min de lectura

Mejores Prácticas de Tailwind CSS

Descubre las mejores prácticas para usar Tailwind CSS en tus proyectos.

Tailwind CSS es un framework CSS utility-first que te permite construir diseños modernos rápidamente.

Composición de Componentes

En lugar de crear clases de utilidad grandes, compone componentes:

<Button className="px-4 py-2 bg-blue-500 text-white rounded">
  Haz clic
</Button>

Extiende el tema predeterminado de Tailwind en tu tailwind.config.ts:

export default {
  theme: {
    extend: {
      colors: {
        brand: '#tu-color',
      },
    },
  },
}