We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
https://github.com/excid3/tailwindcss-stimulus-components#tabs
look at this code
<div> <div class="hidden sm:block"> <nav class="isolate flex divide-x divide-gray-200 rounded-lg shadow" aria-label="Tabs"> <!-- Current: "text-gray-900", Default: "text-gray-500 hover:text-gray-700" --> <a href="#" class="text-gray-900 rounded-l-lg group relative min-w-0 flex-1 overflow-hidden bg-white py-4 px-4 text-sm font-medium text-center hover:bg-gray-50 focus:z-10" aria-current="page"> <span>My Account</span> <span aria-hidden="true" class="bg-indigo-500 absolute inset-x-0 bottom-0 h-0.5"></span> </a> <a href="#" class="text-gray-500 hover:text-gray-700 group relative min-w-0 flex-1 overflow-hidden bg-white py-4 px-4 text-sm font-medium text-center hover:bg-gray-50 focus:z-10"> <span>Company</span> <span aria-hidden="true" class="bg-transparent absolute inset-x-0 bottom-0 h-0.5"></span> </a> <a href="#" class="text-gray-500 hover:text-gray-700 group relative min-w-0 flex-1 overflow-hidden bg-white py-4 px-4 text-sm font-medium text-center hover:bg-gray-50 focus:z-10"> <span>Team Members</span> <span aria-hidden="true" class="bg-transparent absolute inset-x-0 bottom-0 h-0.5"></span> </a> <a href="#" class="text-gray-500 hover:text-gray-700 rounded-r-lg group relative min-w-0 flex-1 overflow-hidden bg-white py-4 px-4 text-sm font-medium text-center hover:bg-gray-50 focus:z-10"> <span>Billing</span> <span aria-hidden="true" class="bg-transparent absolute inset-x-0 bottom-0 h-0.5"></span> </a> </nav> </div> </div>
from the a element I need to change 2 class for differentiate the active and inactive tabs
<a href="#" class="text-gray-900 rounded-l-lg group relative min-w-0 flex-1 overflow-hidden bg-white py-4 px-4 text-sm font-medium text-center hover:bg-gray-50 focus:z-10" aria-current="page"> <span>My Account</span> <span aria-hidden="true" class="bg-indigo-500 absolute inset-x-0 bottom-0 h-0.5"></span> </a>
see I have a and span how to make the controller could add or remove class in a and also in span
a
span
The text was updated successfully, but these errors were encountered:
forget that I have open this issue before #129
Sorry, something went wrong.
No branches or pull requests
https://github.com/excid3/tailwindcss-stimulus-components#tabs
look at this code
from the a element I need to change 2 class for differentiate the active and inactive tabs
see I have a and span how to make the controller could add or remove class in
a
and also inspan
The text was updated successfully, but these errors were encountered: