Beautiful UI components, crafted with Tailwind CSS. By the makers of Tailwind CSS.
Questions tagged [tailwind-ui]
249 questions
1
vote
1 answer
Compatibility with Tailwindcss and Angular
I bought an HTML template under Tailwind, unfortunately I get a lot of errors because of binding like
in my Angular Component.
Here is an example of code that has problems with the Angular-cli compiler
Miky
- 109
- 2
- 10
1
vote
1 answer
Focus a set of buttons after clicked once in tailwind css
I had a 4 rows of three buttons each.
Tailwind play link
What I want is
that when I click any ONE of the 3 buttons in the first row, then click any ONE of the 3 buttons in the next row, and then for the last two rows also , if I click any one…
MagnusEffect
- 3,363
- 1
- 16
- 41
1
vote
1 answer
Close Popover with mapped array HeadlessUI/Next.js
Cannot figure out how to get popover to close when next Link is clicked inside. Used popover from tailwindui and added next Link, tried the headlessUI closing popover using as={Link}, no luck.
next.js
tailwind-ui
headless-ui
cgodf
- 11
- 3
1
vote
1 answer
How to change onClick event with onMouseEnter/onMouseOut ? Tailwind-UI component
I have this store navigation tailwind-UI component : https://tailwindui.com/components/ecommerce/components/store-navigation
I want that menu categories (Women/Men) to open when I hover over, and close when hover out; not open/close on click. How…
iLikeRum
- 11
- 2
1
vote
0 answers
Charts doesnt show up when I use Tailwind with codeigniter4
I am trying to use Tailwind with Codeigniter4 framework. I used the soft-ui-dashboard-tailwind-main . When I try to load the dashboard after copying the dashboard.html to my Views folder as dashboard.php and copying the assets folder to my public…
Tanzeem
- 29
- 8
1
vote
1 answer
Create an Product Page editor
What we want to do:
We have two projects:
A consumer focused frontend
A business focused dashboard
The frontend uses cool custom styling, while the dashboard is rather boring. The idea is that you can edit and create objects in the dashboard and…
Leonard
- 61
- 1
1
vote
0 answers
VueJS TailwindCSS paddings aren't responsive
In the first line of my code, I am expecting to have padding x-3 on mobile and padding x-32 on web version.
Everything works great on mobile but when I switch back to web version the padding x is still 3 not 32.
…
NihatM
- 25
- 6
1
vote
1 answer
ReactJs/JS/TailWindCSS - Infinite Image Slider
Is there any way to have an infinite image slider like the one below, only using TailWindCss, ReactJS, and plain JS. I am trying to make a component out of this, here is the code so far:
import React from "react";
export default function…
user19474938
1
vote
0 answers
Tailwinds UI sidebar component and reactjs
I am new using tailwind ui components
so how to use this and route it.. in other words, how when clicking on left panel link option it changes the right panel by using reactjs.
I would like to see a project example using the tailwind ui code…
bekingo
- 11
- 2
1
vote
1 answer
How can I add spacing in file upload button
I wanted to add spacing between the Choose Files button and the text on right side. How can I do so by tailwind CSS. I had added the code below .
MagnusEffect
- 3,363
- 1
- 16
- 41
1
vote
6 answers
Use tw elements in a NextJS project
I'm trying to use tw-elements in a nodejs project. If I follow their documentation and just import tw-elements in my _app, I get this error:
ReferenceError: document is not defined
I found a stackoverflow response that said to put this at the start…
Sergiu Tonț
- 165
- 13
1
vote
1 answer
Tailwind Switch not appearing
I I copy-pasted the direct switch example from TailwindUI.
Here is the source:
/* This example requires Tailwind CSS v2.0+ */
import { useState } from 'react'
import { Switch } from '@headlessui/react'
function classNames(...classes) {
return…
reallymemorable
- 882
- 1
- 11
- 28
1
vote
3 answers
Implementing disabled button states with TailwindUI on NextJS app
I have a NextJS app that was using Atomic CSS and has a button that is disabled if a form is not filled out:
reallymemorable
- 882
- 1
- 11
- 28
1
vote
2 answers
Gap Between Cards in Tailwind
I want to have multiple of this Tailwind card component that I found. I'm trying to get ride of the weird gap between the two cards, I'm not sure whats causing it. I added the gap-0 to the parent div so I don't understand why it's still there. I'm…
charmy
- 41
- 1
- 4
1
vote
2 answers
How to open Tailwind Slide-over inside a container
I am trying to open tailwind slide-over inside of a container instead of the browser window but I can't figure out the correct positioning
here is the example https://play.tailwindcss.com/MdY5WoOq5w
Please help me understand how to position the…
Ali Seivani
- 496
- 3
- 21