All Questions
25,072
questions
0
votes
0
answers
23
views
Copying an HTML styled react-bootstrap element to clipboard with styles intact
Given a simple functional React component with a react-bootstrap Table using the striped property, what options are available to copy the table and all of it's contents, styles intact, to the system ...
- 1,400
0
votes
0
answers
18
views
React d3 tree display div on hover
I am rendering custom nodes in react-d3-tree. I want to display a div on hover only next to the hovered node. How can I proceed with this?
Each time I hover over a node, all the divs display, not only ...
- 33
0
votes
0
answers
48
views
how can I make element color transition smoothly with Tailwind CSS in react?
I have a React component where elements change color every 5 seconds based on a countdown timer. I want the color changes to happen smoothly, but my current approach doesn't work.
Here's the code for ...
- 23
0
votes
1
answer
32
views
How can I manage 3 element mode by on click function in next js
I am creating an accordion menu in nextjs , I want 3 mode of an element :
the first mode is default, when no click event happened : .mainLi_default
when the first click event happening and menu will ...
-1
votes
0
answers
30
views
Display flex is not taking affect in my website - I am making a food delivery application in react [closed]
enter image description here
This is the code for the navbar's right side menu items. And down below is the output in the browser:
enter image description here
I have inspected and checked the console ...
1
vote
0
answers
38
views
How to change Background color of AgGrid Table dynamically?
In Navbar Component, there are select tag with two options "light" and "dark" if i select dark option then I am setting this value in localStorage and localStorage value updating ...
- 11
2
votes
1
answer
39
views
How to apply Flex Direction in React
I create a sample web Page using Cards in React, I used React Bootstrap for Cards
Here I can't set flex Property.
This is my Component:
import 'bootstrap/dist/css/bootstrap.min.css';
import Card from ...
0
votes
0
answers
18
views
React application not correctly "pathing" my image
I have a React application created using Vite. I am also using Styled Components. Everything works fine, except when I specify my background image, it is not creating a correct path.
As you can see, ...
- 11
0
votes
1
answer
11
views
How to avoid outer border and modify outer layout of Form using @rjsf/core
I am using Form of @rjsf/core library. Imported the two lib need to be used.
import Form from '@rjsf/core';
import validator from '@rjsf/validator-ajv8';
And using the same as per documentation as ...
- 1
0
votes
1
answer
44
views
Swiper.js Grid slidesPerView auto width calc issue
I am trying to create a horizontal masonry grid using Swiper.js to arrange tags in 2 rows.
However, I am encountering two issues with my current implementation using Swiper.js:
The width is not ...
- 59
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
46
views
How to properly do stroked text with a wipe fill effect
I'm trying to create a React component that renders a stroked text with a progressive fill color based on a prop that works with any font.
Because of a bug with -webkit-text-stroke with certain type ...
- 12.1k
0
votes
0
answers
34
views
How to Smoothly Stream and Render Dynamic Table Content in React without UI Shake?
I'm working on a React application that streams content from the OpenAI API. The content is displayed using the ReactMarkdown component, as it can contain both Markdown and HTML. However, when the ...
- 125
2
votes
1
answer
46
views
index.html file ignoring footer in docusaurus.config.js file
My understanding is that the docusuarus.config.js file essentially translates the defined info into HTML that builds your website. The file the translated info goes to is the 'index.html' file.
...
- 41
0
votes
0
answers
11
views
How could it be changed swiper-slides width in each at React?
I want to coding using for Freemode Swiper Library similar with here design imgae on React.
but Width is same in Swiper source . I have an difficult about adjusting that size. What can i find solution?...
