Description I have multiple pages on my NextJS project and the react framework I used is Ant Design V5. The problem is only one pages has working styles but Ant or NextJS is not injecting/matching the styles on other pages…
i would like keep the value written in the input, but antd always modify the number for example, case 1: if write 3.5 should be 3.5 case 2: if write 3,5 should be 3,5 this is the code: import React…
I am using the Ant Design (v5) Table component in my React project. Inside the Table component, I am using the pagination prop to show page details. However, the page numbers are displayed along with the currently selected page, like…
I have a component that is written with styled-components Calling that component inside of new Styled component Attach styles Result: Styles are not applied import {Button, Form, Input} from "antd"; import styled from "styled-components"; const {TextArea} = Input; const Container…
I am using Ant Design React and I want to create a form where the label of a Form.Item is displayed to the right of the input field. By default, the label is displayed to the left of the input…
I want to design is but my actual select option is how to create this type of select option?
I would like to share with you a problem I was having while using the DatePicker component from Ant Design - React. The first challenge was to add a mask to the manually entered date in the input field. The…
im doing a website with antd and i want to do spa website. So, when user clicks on any btn in menu, the content would change. But i cant put my link component in onClick func. Code is there: <Menu…
I'm trying to focus an input box that is inside an Antd tab whenever the user clicks this tab (i.e., whenever the input box is visible). I'm using the useImperativeHandle hook to achieve this. parent component const Parent=()=>{ const threadRef=useRef()…
I have the following code. <Suspense fallback={<span />}> {theme === "dark" ? <DarkTheme /> : <LightTheme />} </Suspense> DarkTheme.jsx import React from "react"; import "./dark-theme.css"; const DarkTheme = () => { console.log("Dark theme loading..."); return <></>; }; export default DarkTheme;…