5,209 questions
3
votes
2
answers
104
views
How to handle multiple submit buttons with Antd Forms?
Consider the following code:
import { Button, Form } from 'antd'
export function App() {
const submitForm = (data: {submit: 'foo' | 'bar'}) => {
console.log(data)
}
return (
<...
- 3,230
1
vote
2
answers
475
views
TailwindCSS v4 utilities are too weak to override the styling of Ant Design v5 components
In TailwindCSS v3, the overrides still worked well, but from TailwindCSS v4 onward, it simply doesn't work, and Ant Design v5 always ends up being stronger. It seems this has to do with layers. How ...
- 18.2k
1
vote
0
answers
79
views
Is there a way to put all default table header buttons in dropdown menu with antd?
I use Ant-design Pro-Components for one project. Recently I had a problem with default table header buttons. I need to 'hide' them inside menu button that should open dropdown list. However, I can't ...
- 11
0
votes
0
answers
58
views
Why does the z-index sometimes not get added to the filter popup in the Ant Design Table?
I'm using Ant Design to create a table, and there's an issue with one of the filter popups. When I run the application locally, I click on the filter icon on one of the columns and the popup comes up:
...
- 2,039
0
votes
2
answers
58
views
How to change Tree folder icon in Ant Vue Design with another SVG?
Have some SVG icons and I want to change the icons with default (Ant Vue Design Tree) Icons.
This is my code I am using tailwind and TypeScript, Vue.js and this is a component that will show in App....
0
votes
0
answers
51
views
Trying to filter out duplicate selections in a AntDesign Select block with little success
Basically I have this Select box that I'm trying to validate the inputs going into it, they can't be shorter or longer than 7 characters, and all the characters have to be numbers, and the input box ...
- 19
0
votes
0
answers
39
views
TipTap in Form.List causes re-validation of the entire form when only formatting text
I'm using Ant Design Form.List to display an input table with multiple rows, each row has a Rich Text Editor using TipTap.
In each row I have:
Several Select, Input, etc. fields.
A TipTap text field, ...
0
votes
0
answers
32
views
Reduce High INP score
i am using next.js 14 page router
i have a button on Navbar, on click of that button i use startTransition to change a boolean state and based on that state AntD modal is made vissible or hidden
on ...
1
vote
1
answer
117
views
Next.JS / Ant Design - Element type is invalid
I've been trying to use antd's Typography library, but I'm getting a Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ...
- 13
0
votes
1
answer
54
views
How to set a global font for all Ant Design Charts in one place?
I’m using @ant-design/charts version 2.2.6.
Right now, I have to manually set the font in every chart configuration like this:
axis: {
y: {
label: {
style: {
fontFamily: 'Roboto',
...
0
votes
0
answers
39
views
Dynamic LESS Theme Import in Vite Based on Environment Variable
I'm building an application with Vite where the projects' structure is the same but different projects need different color themes. Each project has its own .less file with the same variable names but ...
- 55
1
vote
1
answer
93
views
How to show Ant Design multi Select value as comma separated truncated text?
Couldn't find a straightforward answer in Ant Design docs to this seemingly simple problem.
Here is a basic implementation of the Select component
<Select
mode="multiple"
...
- 332
0
votes
0
answers
130
views
My custom antd button is not working for color="primary" and variant="text"
this is my custom button component, antd i want use all buttons with color and variant, but this is not working for color="primary" and variant="text". And i wonder why antd button ...
1
vote
0
answers
26
views
Localization doesnt work for arabic numbers in antd
Im trying to use antd InputNumber component but when my locale is set to ar, the numbers still show in English letter, keep in mind I need the value itself to be in English but the displayed value to ...
- 153
1
vote
1
answer
109
views
AntD DatePicker panelRender inside a Menu Item Popover appears unstyled
I'm trying to render an Ant Design DatePicker using the panelRender prop, and place it inside a Popover that is triggered by a Menu Item. However, when the popover opens, the DatePicker panel appears ...
0
votes
0
answers
27
views
Making dropdown extend list to bottom of dropdown on antd
I'm using a Select component from Antd, and I'm looking to extend the list downwards using dropdownstyles. However, I'm unable to make the list extend down. Thanks
<Select
className="...
- 57
0
votes
1
answer
37
views
I can't parse the icon properly; it comes as an artifact from an array of objects
Come array with object
I need to parse this code into an icon because it's currently displaying as an artifact. The project uses Blynk and Ant Design. The icon in the Tag component should be ...
- 37
0
votes
1
answer
78
views
Ant Design form value not reflecting in input field after programmatic update via form.setFieldsValue()
I am working with an Ant Design form in React where I have an input field, and I want to programmatically update the value of that input field using a custom AI generator (TextGenarateur) that returns ...
0
votes
0
answers
37
views
Save column setting with ProTable in Ant-design
I'm using ProTable in Ant Design. I want to save the column setting (eg: hide a column) so that when I reenter / reload the webpage, previously hidden columns would remain hidden.
I tried to use ...
0
votes
1
answer
1k
views
How to use Lazy scroll for big data in Antd Table
I’m working on a project where I need to implement infinite scrolling in an Ant Design Table component for displaying large datasets. I’m fetching the data from a Laravel backend, and I want to ...
- 89
0
votes
0
answers
38
views
Ant Table fixed column width
The column width is not set via the width property.
If you set the width of the cells, the column will still stretch if the table container is enlarged.
Can you tell me, has anyone come across such a ...
- 35
0
votes
1
answer
62
views
Why is Ant Design TreeSelect clipping values?
I am currently using Ant Design tree select component to filter out sites. I've used mock data for now but my data structure is the same. When I select a parent the children should be expanded, it ...
- 348
1
vote
1
answer
128
views
react-phone-number-input inputComponent property causes error
I'm using react-phone-number-input component for phone numbers.
I want it to look like other input components (antd)
inputComponent={Input} is fixing the style problem.
But it causes error as soon as ...
- 364
0
votes
0
answers
59
views
Why is my dependent select field not resetting when changing the parent field in Ant Design Form?
I am working on a React application using Ant Design forms, and I have a form with two fields: framework and group. The group field’s options depend on the selected value in the framework field. I ...
- 41
1
vote
0
answers
30
views
Issue with SelectedRecord Value Not Setting Properly on Double-Click in Vue Form Page
I am currently working on a Vue.js project, but as a beginner, I am facing some issues. Specifically, I am having trouble with a value not being set correctly on a double-click event or edit button ...
