Questions tagged [tailwind-elements]
20 questions
3
votes
1 answer
Javascript not working when using Tailwind Elements with Ruby on Rails
I just started a new rails 7 project with TailwindCSS using the new rails new my-app --css tailwind syntax. Tailwind CSS is working properly. I wanted to add a navbar from tailwind elements, and I followed the steps from…

wruckie
- 1,717
- 1
- 23
- 34
2
votes
1 answer
Carousel in Tailwind CSS can not navigate to another slide when reload the page
I'm working on the website using React JS, Tailwind CSS. Now, I want to make a Carousel using tw-elements library. I have done all the installing, configuring following the instructions in the Tailwind Elements library document. It works perfectly…

Quan Tran
- 23
- 3
1
vote
0 answers
How can I set up Tailwind elements with NextJs13?
I've gone through Tailwind Elements set up instructions here https://tailwind-elements.com/docs/standard/getting-started/quick-start/ but can't get it to work with
errors:
Attempted import error: 'initTE' is not exported from 'tw-elements' (imported…

SToFDev1
- 11
- 2
1
vote
2 answers
Tailwind Elements Select component not working with Angular *ngFor
Here is my codes for basic angular component where I'm using Tailwind Elemets CSS framework.
app.componenets.ts
import { Component, OnInit } from '@angular/core';
import { Select, Datepicker, Input, initTE } from…

Suresh
- 5,687
- 12
- 51
- 80
1
vote
1 answer
How to install Tailwind Elements with nuxtjs3?
I'm trying to install Tailwind Elements UI with for my nuxt 3 project, I did install everything like the document stated, to the step
4. Dynamic components will work after adding the js file:
or
import * as te from 'tw-elements';
So i tried, to…

Nhat Minh
- 33
- 7
1
vote
1 answer
How to install the tailwind elements in reactjs?
I saw another question about installing tailwind elements in nextjs project.
How to install the tailwind elements in nextjs?
I followed it on my react project.It doesn't work. How can use tailwind elements in react project?
import React, { useEffect…

AlexMoshi
- 189
- 1
- 2
- 10
0
votes
0 answers
Unable to fix my Navbar in Next JS TypeScript App
I just created my first Next JS TypeScript App using Tailwind. I am using Tailwind Elements library to add NavBar. However, it is showing in column and i'm unable to fix it to display it in row. Please guide me so that i may fix my navbar.…

MT-Dev
- 23
- 8
0
votes
1 answer
How to add tailwind elements to NextJs 13?
I want to add tailwind elements to my NextJs project but the documentation uses typescript and I use javascript and I have no idea of how to implement it. Is there any way to implement it to NextJs in javascript?
I tried the method given on the…

Ranjith
- 1
- 3
0
votes
0 answers
Nesting Server Component inside Client Component, and running a script on DOM nodes in Next.JS 13
js developers, I've been searching for this specific usage in the docs and not finding exactly what I was looking for.
I'm trying to integrate the Tailwind Elements Carousel inside a SSG component using Next's Page Router.
I've read in Tailwind…

raaaahman
- 80
- 11
0
votes
1 answer
how to change font family in tailwind element's component
I have this select component, I want to set a custom font family as another input's have

Irakli Qiria
- 11
- 2
0
votes
0 answers
Tailwind Element animation not showing on website. Only shows after making a change in source code, and stops if page is refreshed
I'm creating my portfolio website using Vite, React, and TailwindCSS. I am using some animations from Tailwind Elements and they seem to work only after I make changes in my code. For example:
I have
data-te-animation-init …

Meelol
- 1
0
votes
0 answers
Tw-elements carousel in Nuxt 3 can not add a tag in first loop
I am facing an issue with my Tw-elements carousel with Nuxt 3, in the example carousel the first image has a tag of data-te-carousel-active not in class. I tried to do this but with no success.

K Jesus
- 1
0
votes
1 answer
How can I change Tailwind Element's component parameters
I using Tailwind Element's sidebar component which appears and disappears when a button is clicked. The sidebar which appears has a fixed width of 240px and I want change this width. I can't find where can I change it. The component has this…

Irakli Qiria
- 11
- 2
0
votes
1 answer
Is there a way I can use the TailwindCSS peer marker for elements in different divs?
I have a form page where users get a form when they check the box for an apartment type and get a different one when they pick another.
0
votes
0 answers
Tailwind-elements accordion not functioning after refresh or npm run dev/build. Saving the page after a refresh, however, works
Copy-pasting code for a tailwind-elements works perfectly in my vite-react app. Refreshing the page or running npm run dev breaks it.
https://tailwind-elements.com/docs/standard/components/accordion/
I followed the step by step instructions to get…

Daryl
- 1