All Questions
Tagged with tailwind-css typescript
434
questions
-2
votes
0
answers
24
views
Dropdown menu React - Typescript - Tailwind [closed]
I am working on a project and I need a sample code of dropdown menu using tailwind CSS and React.Ts. If anyone could help me I would greatly appreciate it.
This is my code, it needs to look like the ...
-1
votes
1
answer
35
views
How to make animation , where characters starts to be colorful when hover it [closed]
I'm working on a React project with Tailwind CSS and TypeScript and I'm looking to add a specific animation effect to the site. I have a black-and-white image featuring characters from a game. The ...
- 1
0
votes
1
answer
41
views
"Each child in a list should have a unique 'key' prop", I don't understand how to do it [duplicate]
Hi so I have an assignment from my school, it has something to do with data fetching from randomuser.me and as I have followed the steps that were taught, I stumbled upon this sentence written on the ...
0
votes
1
answer
34
views
I can not place what causing NativeWind props to not be recognised in tsx
I am able to call className in jsx file, but not in tsx files. Can someone assist.
The error being thrown is:
No overload matches this call.
Overload 1 of 2, '(props: ViewProps): View', gave the ...
- 51
0
votes
3
answers
38
views
How to make a Next.JS Link inside a Link only open a new tab with internal url and not redirect to external url?
I am creating a project component for my homepage which displays a project. When the user clicks on the component, I want the overall component to redirect to the specific project page. However, when ...
- 3
0
votes
1
answer
30
views
remove empty space from -translate-y using tailwind css
I have an issue where there's empty space in my profile container which I'd like removed from the
profile container
<div className='h-auto w-[650px] z-10 rounded-xl' style={{ backdropFilter: `...
- 1
0
votes
0
answers
12
views
React Carousel Animation Breaking When Item Transition Duration is Set
I'm working on a carousel component that has lots of child components inside it. When the user clicks spin, the carousel component is translated along the x-axis for 6s. Also, during this animation, I ...
1
vote
1
answer
109
views
TailwindCSS not working in React Native project
I created a React Native app using Expo and tried to use Tailwind CSS with the help of NativeWind. I followed this docs:
Read the docs here...
Versions:
react-native : 0.74.3
nativewind: 2.0.11
...
0
votes
0
answers
29
views
How to add another background area under my svg?
I have a home page that currently has a decent layout, it's all put together okay, but if I want to add more content, then the page will go down below the height of the svg on the home screen. I want ...
- 1
0
votes
1
answer
37
views
Using Daisy UI Colors in TypeScript
How can I use a Daisy-UI color (eg. bg-base-100) in typescript (not a utility class)? I use them in html, but cannot access them from typescript.
0
votes
0
answers
44
views
Cannot read properties of null (reading 'useContext') error in material tailwind with craco and react typescript
My project is created with react typescript and I have installed craco in my project. when I am using some components like Tabs and Accordion from @material/tailwind below error occures:
Uncaught ...
- 663
1
vote
0
answers
23
views
I want to keep the same ratio for the pictures in this astro.build component
The ratio of the picture for this component when the width of the browser becomes less than 1178 pixels, then it changes ratio from 9:16 (Vertical) to 16:9 (Horizontal). However, I tried to see how I ...
- 67
0
votes
0
answers
39
views
How can I trigger an animation with scroll up/down and do the full animation in framer motion?
I will go in deeper explanation, I have a classic button to activate a menu that expands and covers the entire screen and that is composed of a clipPath that is what expands and covers the entire ...
-2
votes
0
answers
21
views
disable highlights in Typescript file?
When I click on className values and it highlights entire text in Vs Code. I tried disable all highlight settings in Vs Code but couldnt find any solutions. I want to disable Hightlights in typescript ...
-2
votes
0
answers
32
views
How to animate when a component is unmounted in React ts?
I hope you are all doing very well, I just wanted to know how to create an animation when a React component is unmounted. If it can be achieved with CSS, that would be even better.
I have attached two ...
