este es el estilo de viento de cola que quiero agregar
import React from 'react' function HeaderIcon({Icon}) { return ( <div className="flex items-center cursor-pointer md:px-10 sm:h-14 md:hover:bg-gray-100 rounded-xl active:border-b-2 active:border-blue-500" > <Icon className="h-5" /> </div> ) } export default HeaderIcon------aquí quiero agregar estilo de viento de cola-----------------------------
<div className="flex justify-center flex-grow"> <div className="flex space-x-6 md:space-2"> <HeaderIcon Icon={HomeIcon} /> <HeaderIcon Icon={FlagIcon} /> <HeaderIcon Icon={PlayIcon} /> <HeaderIcon Icon={ShoppingCartIcon} /> <HeaderIcon Icon={UserGroupIcon} /> </div> </div>Tienes que modificar la configuración de Tailwind para habilitar el estado activo .
// tailwind.config.js module.exports = { // ... variants: { extend: { backgroundColor: ['active'], } }, }