Beautiful UI components, crafted with Tailwind CSS. By the makers of Tailwind CSS.
Questions tagged [tailwind-ui]
249 questions
0
votes
0 answers
React Router v6 Stutter in transitions
So i have made my routes as shown below;
function App() {
return (
Sermad NaJar
- 135
- 1
- 5
- 15
0
votes
1 answer
Tailwindcss text color changes not always taking effect
Good morning,
i'm studying tailwindcss in this period.
But i've got a problem -->
If i change my text color sometime it changes, sometime it doesn’t.
class='flex' doesn’t work, but bg-color does (but not with all the colors).
I copied a project on…
Elais
- 29
- 1
0
votes
1 answer
Navbar conditional rendering
So im currently trying to figure out how I can change the state of a button depending on wether I'm on the page or not.
I have this navbar:
import { Fragment } from 'react'
import { Disclosure, Menu, Transition } from '@headlessui/react'
import {…
Sermad NaJar
- 135
- 1
- 5
- 15
0
votes
1 answer
Instantly Logging in users without them verifying their email in laravel 8 authentication
So I used this preset for the authentication for my laravel app and it is sending me verification emails but I want to redirect them to a certain page telling them to verify their emails first before logging in but instead, it will automatically log…
Janly Edjec
- 1
- 1
0
votes
4 answers
TailwindCSS styles not applying correctly unless I use the Tailwind CDN file (Laravel 9.x/Tailwind 3.x)
I have installed a fresh version of Laravel 9.x (9.2 to be exact) with the Laravel Breeze starter kit for authentication. By default Laravel Breeze comes with Tailwind 3.x installed which is compiled in the following line inside the HTML…
Zabs
- 13,852
- 45
- 173
- 297
0
votes
2 answers
Tailwind component isn't show as it should be in a Laravel project
I am trying to implement some simple Tailwind CSS components for a Laravel project. First, I installed Laravel Breeze, which automatically installs Tailwind CSS and AlpineJS. Then, I changed the code in dashboard.blade.php using the code on the…
someone
- 33
- 4
0
votes
0 answers
Custom fonts of same fontFamily but of different styles in tailwind css
I want to use Poppins of different styles like thin100, medium500...but I'm not able to find it anywhere on docs to do this.
fontFamily:{
'poppins' :'Poppins','sans-serif'
}
this is the import stm-
@import…
Poornima T
- 263
- 1
- 2
- 8
0
votes
1 answer
Tailwind typography not working with multi-column React application shell
I'm creating a React app using typescript and attempting to use one of Tailwind's multi-column application shells (this one), and then render some HTML using Tailwind Typography via its prose class.
(I've yet to get Tailwind Typography to work as…
conner.xyz
- 6,273
- 8
- 39
- 65
0
votes
1 answer
Tailwind is not being added on my reactjs project
I am following the official Tailwind CSS installation for reactjs tutorial step-by-step but tailwindcss is not being added on my reactjs project.
This is the link to the tutorial I am following,
I think the only part where I might have a mistake is…
Clayton Crockville
- 189
- 11
0
votes
1 answer
One grid warps more than the other, how to change this?
I have a problem at the moment and don't know how to change this. i use a grid. and this works before. but now the grid pulls down with it which i don't want. How can i change this? I use Tailwind
Nils Vennemann
- 89
- 1
- 9
0
votes
1 answer
How to get mobile hamburger menu working in Rails 7 with Tailwind?
I ran this new setup for Rails 7 to include tailwind:
rails new hg -j esbuild --css tailwind --database=postgresql
This worked great it seemed when I grabbed this code from tailwindui.com:
mwhocl
- 65
- 10
0
votes
0 answers
Why many of Tailwind classes not working in my React App?
I want to use Tailwind css in my React app. I have followed the documentation Tailwind installation and configured my React app to use Tailwind css. However, only some of the classes are working.
For example for background colour bg-gray-400 is…
enggPS
- 686
- 1
- 7
- 23
0
votes
1 answer
Using tailwindCss vs3.0 issue
I'm trying to learn tailwindCss but the documentation shows the latest version
https://tailwindcss.com/docs/installation
which I followed to set up my first project, but the issue here is when I apply the utility class to my project it's not…
abdulkareem alabi
- 51
- 5
0
votes
1 answer
How to apply custom font-size based on tailwindcss
I have a navigation menu; whose font-size is 10px for small device, 20px for medium and 50px for large device. Unfortunately I am new to tailwind css.
Now I have written the css as below. Is this correct way, do I need to convert the pixel to…
thomas paulson
- 227
- 2
- 16
0
votes
1 answer
How can i use the first: tailwindcss prefix in combination with an alpinejs x-for
I'm building a button group using an alpinejs x-for loop, where the first and last buttons should have rounded-l-md and rounded-r-md using first:rounded-l-md and last:rounded-r-md. The last:rounded-r-md works fine, however the first:rounded-l-md…
Bram van Berkel
- 3
- 2