Preguntas con la etiqueta [tailwind]

Tailwind CSS es un framework de CSS de código abierto​ para el diseño de páginas web. Su principal característica es que no proporciona ningún componente o diseño predefinido, sino que ofrece un conjunto de clases de utilidad, similares a las de Bootstrap, pero más numerosas y granulares.

57 preguntas con respuestas sin votos o no aceptadas
Filtrar por
Ordenado por
Etiquetadas con
2 votos
0 respuestas
243 vistas

Hacer que un div aparezca cuando hago focus a un input y desaparezca cuando de click en otro lugar que no sea el div

Tengo un elemento div que se aparece cuando a un input se le hace focus. Estoy trabajando con Tailwindcss. El elemento div por defecto tiene la className="invisible" y cuando al input le ...
Avatar del usuario EliAn
  • 25
2 votos
0 respuestas
28 vistas

Habilitar variante first en tailwind

Me gustaría habilitar la variante first de tailwind, pero no consigo hacer que funcione Este es mi archivo de configuración const production = !process.env.ROLLUP_WATCH; const colors = require('...
Avatar del usuario Takyo
  • 955
1 voto
0 respuestas
51 vistas

Cómo cambiar atributo de TailwindCss con useState en React

Hace no demasiado he empezado a programar y estoy aprendiendo React recientemente. Estoy intentando hacer un carousel de imágenes con dicha librería; al pulsar flecha de avance, muestre la imagen ...
Avatar del usuario Isaac
  • 11
1 voto
0 respuestas
211 vistas

problemas para crear un boton de eliminar items en react

estoy creando un formulario para generar un presupuesto con react, esto teniendo problemas para configurar el boton de borrar que pretendo que lleve cada item durante la creación del presupuesto (los ...
Avatar del usuario luigui
  • 19
1 voto
0 respuestas
92 vistas

Tailwind css con modificador (onloadpage:)

mi idea es la siguiente, se puede asignar un modificador de clase como "hover" o "selected", que sea en estado de carga del elemento, es decir cuando se carga la pagina? Los ...
Avatar del usuario Bernardo Harreguy
1 voto
0 respuestas
226 vistas

El componente no aparece a la derecha del sidebar con React y Tailwind css

He tenido problemas para posicionar de forma correcta el header, sidebar y el main de mi página. Ya logré que el header se mantenga en su lugar, pero he tenido problemas para que el main se mantenga a ...
Avatar del usuario Adal Valles
1 voto
0 respuestas
55 vistas

Posiciones en barra NAV de líneas y título de web, con tailwind

Buen día a todos. Estoy iniciando mi experiencia con tailwind y pude crear un NAV bar en la web. Estoy utilizando laravel 8 y php 7.4. Al querer colocar un botón hamburguesa o las 3 barritas para ...
Avatar del usuario x_Mario
  • 351
1 voto
0 respuestas
225 vistas

Error: Cannot find module './lib/constants'

Esta mañana he intentado abrir mi proyecto con yarn start pero esto fue lo que sucedió: yarn run v1.22.10 $ craco start (node:2720) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "...
Avatar del usuario AsherCode
1 voto
0 respuestas
139 vistas

Sobreponer un div con otro

Buen dias compañeros este es mi primer pregunta y espero no este mal, me encontraba haciendo un modal usando tailwind y js, como pueden ver en la imagen de abajo por alguna razon no se sobreponia el ...
Avatar del usuario mavK
  • 53
0 votos
1 respuesta
19 vistas

Estilos de colores de tailwind no funcionan en Astro

tengo un problema con astro en su version 4.4.5 donde genero un componente dinamico por medio de un map y en sus clases reciben un color por parametro pero estos se renderizan en blanco. <div class=...
Avatar del usuario Angel Magaquian
0 votos
1 respuesta
10 vistas

como establecer un tamaño fijo de una carta con tailwind

muy buenas, me encuentro desarrollando un proyecto con php, la cuestion esque quiero que la estructura de una carta mantenga el mismo tamaño, independientemente del tamaño de la imagen que se agregue ,...
Avatar del usuario Miguel Portillo
0 votos
1 respuesta
21 vistas

Tamaño de visualizacion de pagina

¡Hola,Espero que estén muy bien! Quería comprobar si podían echar un vistazo a algún problema que tengo con esta pagina. Al abrir este sitio web mediante Deploy en Github o Netilify, aparece la página ...
Avatar del usuario user354956
0 votos
0 respuestas
64 vistas

Comportamiento inintencionado al convertirse en componente de react (efecto parallax se estanca en la esquina)

Buenas tengo el siguiente problema, realize este experimento en html basico y queria que me ayudaran a saber como convertirlo a un componente de react. Como esta en mi repo Yo pienso que seria algo ...
Avatar del usuario Egon Stetmann.
0 votos
0 respuestas
24 vistas

Problema con la instalacion de tailwindcss

se me hace imposible compilar tailwind con "ES Modules" en mi proyecto no se si tenga que ver con que esto usando express y pug me genera error de compilation , me marca el siguiente error:...
Avatar del usuario lisandro sierra
0 votos
0 respuestas
46 vistas

Como bloquear la pantalla al abrir un menú desplegable? (Para una pagina web en Mobile)

primero quiero explicar lo que quiero hacer, en la versión mobile de un sitio quiero hacer que un botón al tocarlo abra un menú desplegable con opciones distintas opciones. El menú es el siguiente: ...
Avatar del usuario Marcos Lopez
0 votos
0 respuestas
23 vistas

Sobreposición con FullCalendar

Estoy usándolo en mi app con next/ts/tailwind, y recién he notado que se superpone a todo, he revisado todo el elemento en búsqueda de z-index y nada. En la imagen se ve el problema con el navbar pero ...
Avatar del usuario Noel Antezana
0 votos
0 respuestas
38 vistas

Problemas con el uso de componentes en Tailwindcss y HTML

He estado haciendo un poqueño curso de youtube sobre TailWind, pero al momento de usar las clases y componentes no se aplica la clase que quiero usar parece que todo lo que está en el @layer no lo ...
Avatar del usuario Ederson Lima Guerra
0 votos
0 respuestas
17 vistas

Color como prop no funciona en typescript

les cuento que quiero traer el color de unos botones, creados con new-component y no funciona. Desde un principio, funcionó pero desdpués dejó de hacerlo. interface ActionButtonProps extends React....
Avatar del usuario tio berrako
0 votos
0 respuestas
65 vistas

Dejar fijo el lado izquierdo y derecho de la pantalla y que el centro de la misma tenga scroll

necesito ayuda con el siguiente tema, estoy armando una página con Laravel y Tailwind, lo que necesito es que en la pantalla, ambos laterales queden fijos en función del alto disponible de la pantalla ...
Avatar del usuario René Merlo
0 votos
0 respuestas
8 vistas

Cómo hago que aparezcan los manejadores del input number

Estoy usando react, next js, tailwind. Al colocar el input, solo se muestran los manejadores cuando paso el cursor o doy clic. <input type="number" className="...
Avatar del usuario Julio César
0 votos
0 respuestas
31 vistas

Cómo replicar una animación hecha en webFlow en react con next.js

Cómo están? Perdón la molestia, pero tengo una duda que me está comiendo la cabeza. Necesito replicar la animación inicial de la página [1]: https://www.ghimprove.com/mx/inicio Los desarrolladores ...
Avatar del usuario Lucas Negro
0 votos
0 respuestas
43 vistas

Calculadora Tailwinds css

quisiera preguntar si alguien me puede ayudar con un codigo. Estoy haciendo una calculadora con tailwind css y react (solo por practicar) para no agregar 15 botones aprox, cree un arreglo con objetos, ...
Avatar del usuario Luis C
  • 21
0 votos
0 respuestas
21 vistas

Utilizar ruta dinámica desde db para generar un bg en tailwind

hola estoy creando un sitio en next.js 13 y tailwind y quiero generar un bg con una ruta dinamica que llega de la database, pero me da este error : aqui el codigo: const BlogCard = async ({ ...
Avatar del usuario Isaias Garcia
0 votos
1 respuesta
361 vistas

Cómo quitar los estilos por defecto de tailwinds css para un segmento en especifico

Estoy usando taildwinds css en next:13, y con un editor de rich text (TinyMCE) en el cual estoy generando la descripción de un producto que incluyen diferentes elementos como listas y tablas. Esto se ...
Avatar del usuario Jonas Garcia
0 votos
0 respuestas
113 vistas

color primary de configuración en tailwind no está funcionando

Estoy trabajando con reactjs, tailwind, postcss, y vitejs, y tengo mi configuración de tailwind: /** @type {import('tailwindcss').Config} */ export default { content: [ "./index.html", ...
Avatar del usuario Jesus Diaz
0 votos
0 respuestas
23 vistas

Datatable sobrepasa a su elemento padre en tamaño de altura

Tengo un datatable dentro de un div, el div tiene una altura máxima, y el datatable tiene la clase de tailwind h-full para que tome el tamaño del elemento padre, pero aún así el datatable sobrepasa al ...
Avatar del usuario Jesus Diaz
0 votos
1 respuesta
79 vistas

Problema con run build en tailwind

Instalé Taildwind CSS en laravel 10, pero cuando quiero hacer un cambio siempre tengo que ejecutar php run build. Hay alguna manera para no hacer esto en cada cambio?
Avatar del usuario David Florez Quintero
0 votos
0 respuestas
47 vistas

Error 404 en github pages

Tengo una pagina que estoy intentando subir a github pages, pero al abrir el link me sale error 404: https://maydenot.github.io/passwordgenerator.github.io/, si le agrego al link el public/, que es la ...
Avatar del usuario Mayra Denot
0 votos
0 respuestas
35 vistas

Quiero conseguir que un div se sobreponga a otro

Estoy construyendo una aplicación web. En el home page / se renderiza un componente Home, el cual contiene un componente Navar en la parte superior y un componente Carousel en el cuerpo. Cuando el ...
Avatar del usuario Carlos L Salcedo
0 votos
0 respuestas
29 vistas

¿Cómo subo un proyecto a GitHub si el index.html no está en la carpeta raíz, sino en otra llamada "src" dentro de la misma?

Estoy usando Tailwind y metí el index.html en una carpeta llamada src, entonces si subo el repositorio así, me dará error al ver el deploy en github, ya que el index.html no está en la raíz ¿Cómo ...
Avatar del usuario Juan David Granadillo
0 votos
0 respuestas
79 vistas

¿Cómo podría hacer este código responsive usando Tailwind?

aqui dejare la imagen que estoy usando: https://www.bbva.com/wp-content/uploads/2020/12/turismo_sostenible.jpg lo que necesito es cuando pase esta web a un telefono se vea bien, no deforme usando ...
Avatar del usuario Fernando Martinez
0 votos
1 respuesta
176 vistas

Por qué TailwindCSS no me muestras los estilos en mi HTML?

Estoy haciendo una página para aprender y practicar Tailwind, pero al colocar las clases en mis etiquetas html, no se cambian los estilos. <head> <meta charset="UTF-8"> <...
Avatar del usuario Mayra Denot
0 votos
0 respuestas
103 vistas

Problema Modal con Tailwindcss + Laravel 10 que sobre pone fondo negro

Estoy insertando un modal con Tailwindcss en mi proyecto en Laravel 10 y al darle al botón para abrir el modal todo sucede como se espera, a excepción del fondo negro que se sobre pone ante todo el ...
Avatar del usuario Félix Eduardo León Sosa
0 votos
0 respuestas
11 vistas

Taildwind render en next.js 13

Estoy intentando renderizar un componente y otro para escritorio, para esto uso un custom hook que detecta window.matchMedia(query).matches y ver si está en mobile en cierta resolución, la cuestión ...
Avatar del usuario Jon
  • 65
0 votos
0 respuestas
31 vistas

¿Porque mi controlador no manda error 404 cuando quiere mostrar un modelo que no existe? laravel 10

estoy creando una pagina web, instale alphine, laravel 10, livewire y tailwind, cree mis modelos, mis migraciones y todo, no modifique nada de la configuración de laravel, pero cuando empece a ahcer ...
Avatar del usuario Luis Garcia
0 votos
0 respuestas
91 vistas

Problema de posición de elementos Tailwind CSS

Buen día recién estoy aprendiendo a usar Tailwind CSS y tengo esta duda, en el código quiero alinear las cards y el texto de manera vertical uno con respecto al otro, pero por más que pongo clases ...
Avatar del usuario G_Man.
  • 1
0 votos
0 respuestas
99 vistas

Tailwind CSS no crea las carpetas en mi proyecto

Estoy tratando de instalar Tailwind y por más que esté en la carpeta correcta, el comando: npm install -D tailwindcss Al finalizar no crea la carpeta node_modules ni los .json, me tira el los ...
Avatar del usuario leoGonza
0 votos
0 respuestas
141 vistas

Problema con la importación de un componente (Next.js 13 + tailwindcss)

Tengo un problema con la importación de un componente en mi proyecto. El archivo headlessui.esm.js ubicado en ./node_modules@headlessui\react\dist/ está generando un error de ...
Avatar del usuario Enrique Morales
0 votos
1 respuesta
41 vistas

Como exportar los colores de Tailwind css a un modules.css

Estoy haciendo una sidebar en react con next js, uso tailwind pero para esta sidebar necesitaba algo mas personalizado una vez finalizado queria coordinar con los colores de tailwind para asi funciona ...
Avatar del usuario user329032
0 votos
0 respuestas
76 vistas

¿Cómo hago para que mi proyecto con tailwind este listo para distribución y se apliquen los estilos?

Cuando lo intento subir vía hostinger con la carpeta dist se me pone la pagina sin estilos de tailwind y queda como si solo hubiese hecho en html. No se como hacer para que mi tailwind ya este listo ...
Avatar del usuario leoGonza
0 votos
0 respuestas
14 vistas

Porque no se esta aplicando la clase rotate correctamente

Estoy haciendo el diseño de un reloj de manecillas digital con react y tailwind, tengo el array numbers que contiene los numeros que se ubican de forma circular, pero dentro de la funcion map al ...
Avatar del usuario Yhoan
0 votos
1 respuesta
59 vistas

Tailwind no funciona cuando apago y vuelvo a prender la pc (instalacion CLI)

ayer estuve haciendo una página a la cual le aplique estilos con Tailwind (seguí la instalación de Tailwind por CLI) y todo andaba perfecto, los estilos se aplicaban perfectamente. Hoy vuelvo a ...
Avatar del usuario goga
  • 19
0 votos
0 respuestas
24 vistas

No funciona el top-0 ni el left-0 en Tailwind con posicion absolute

Estoy teniendo un problema debido a que no funciona el top-0 ni el left-0 para posicionar un elmento arriba a la izquierda, estoy trabajando con Tailwind y Django. Codigo de la sección del problema: ...
Avatar del usuario Crisandru
0 votos
0 respuestas
123 vistas

Condicional en CLassName

Quiero agregar un condicional que dependiendo del estado muestre una clase u otra en un className pero no logro que funcione. Esto es más o menos lo que quiero hacer: Estado: const [active, ...
Avatar del usuario Elián Barrios
0 votos
1 respuesta
148 vistas

Tener varios sliders en una misma web

Tengo un problema.vi en un video como hacer un slider con tailwind css y javascript , y todo bien hasta entonces. pero , cuando quiero tener varios de estos , pues chocan y no funcionan. como podria ...
Avatar del usuario Adolfo Muñoz
0 votos
0 respuestas
31 vistas

Como puedo agregar dos x-data y dos x-show en un mismo div en alpinejs?

He estado haciendo un header para mi sitio web, y en ella le estoy agregando alpinejs con tailwind, pero tengo un problema. Y es que tengo que meter dos x-data en un mismo div para ocultar dos menus y ...
Avatar del usuario Juan Felipe Jimenez Pacheco
0 votos
1 respuesta
362 vistas

Diseño Responsive no sirve con Tailwind CSS

En mi proyecto, estoy usando Tailwind CSS, ya tengo todo el sitio maquetado tanto en Escritorio como en celular, y en ambas resoluciones, el sitio se ve bien (Trabajando con el diseño adaptable de ...
Avatar del usuario Luis Felipe
0 votos
2 respuestas
744 vistas

no se me agregan todas clases al instalar tailwind

al momento de instalar tailwindcss en mi proyecto no se cargan todas las clases como por nombrar 1 ejemplo mr-2 o pb-3. pero si me carga las generales como m-4 o p-3. al ejecutar este comando me ...
Avatar del usuario Juan Pinto
0 votos
0 respuestas
170 vistas

Hover no funciona en button

Tengo un boton con el siguiente codigo <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.5.2/tailwind.min.css" rel="stylesheet"> <button class="bg-blue-500 text-white font-...
Avatar del usuario Vencho
  • 387
0 votos
1 respuesta
160 vistas

Taildwind con react js

tengo una duda, puedo guardar la clase "active" que pertenece a talwind en una variable??? y esta mediante el atributo style asignarla??? sucede lo siguiente, quiero que cuando seleccione ...
Avatar del usuario Gerarca
  • 103