search

MirionsDevTeam / event-planning-front

0 stars 0 forks source link

Investigación Framework CSS #1

Closed rrodriguezgon closed 6 months ago

rrodriguezgon commented 7 months ago

Tailwind css -> https://tailwindcss.com/

Librerías de Tailwind: Flowbite -> https://flowbite.com/ DaisyUI -> https://daisyui.com/

Por último, un post de referencia sobre librerías de componentes creadas en base a Tailwind: https://www.reddit.com/r/nextjs/comments/1715625/11_best_tailwind_css_component_libraries_in_2023/

rrodriguezgon commented 7 months ago

Opción => https://mui.com/material-ui/getting-started/ Investigación => Tailwind

rrodriguezgon commented 6 months ago
JoseLuisDiazAlonso commented 6 months ago

He creado un ejemplo sencillo de uso de tailwind. Para ello he creado un ejemplo de pantalla de login con dos input....uno de nombre de usuario, otro con contraseña y le he añadido algunos estilos para que se pueda ver como se trabaja con este tipo de librería.

Saragc5 commented 6 months ago

He creado un mini proyecto para crear la pantalla Home en base al diseño inicial en blanco que hay aquí en las tarjetas para ir probando Tailwind y las librerías, uno de los componentes lo he creado con Tailwind y una copia + su archivo CSS.

Captura de pantalla Home: Image Captura pantalla mismo componente con clases Tailwind y con clases CSS: Image Captura de componente que lleva archivo CSS: Image

He creado componentes también usando la librería Daisy y personalizando el componente, por ejemplo el menú de abajo, usando el componente Menu de la librería.

Me queda conseguir que si creo una clase personalizada, me funcione. Lo he hecho anteriormente en otro proyecto pero en este no se me aplica. Sigo con esto para terminarlo antes del jueves.

Saragc5 commented 6 months ago

Añado enlace al repositorio: https://github.com/Saragc5/mirions-home