Questions tagged [antd]
This tag should be used for any questions regarding the Ant Design. It is an enterprise-class UI design language and React-based implementation.
5,272
questions
1
vote
0
answers
32
views
how to make dynamic table react typescript
I am working with typescript I want to make section name dynamic when new post then title change to "ARTIKEL BARU" or "BERITA BARU" and when choose old post title become only "...
- 173
0
votes
0
answers
11
views
Ant design vue upload-dragger prompt if for than max count files are uploaded
I have the below code in Vue3 app using ant design Upload Dragger
<a-upload-dragger
:showUploadList="false"
accept="image/jpeg, image/png, application/pdf"
name=&...
- 502
0
votes
0
answers
10
views
Autofocus first option in antdesign treeselect
In the antdesign Select component, if you allow the user to type in the search field to find various options, the first option will be autofocused by default. This means the user can simply press ...
- 85
0
votes
0
answers
12
views
Duplicated add style in head when use ConfigProvider custom theme
I use ConfigProvider in my app and i custom theme for new font family, but it add 2 style in head tag for 1 component
const designSystem = {
"token": {
"fontFamily": "...
- 1
-1
votes
0
answers
16
views
Antd ReactNative Form component background colour [closed]
I'm using Form component in Antd ReactNative V 5.2.0-rc.1. https://rn.mobile.ant.design/components/form/
Is there any way to make Form component background colour transparent?
- 636
0
votes
1
answer
38
views
Adding FilterDate in ANTD table component
I added DatePicker component as a filter and trying to use it, I'm getting value, but there is problem with full open component, every time when I open or close datePicker I getting Resize Loop error.
...
- 1
0
votes
0
answers
11
views
Antd Charts is behaving diff in nextjs
i am using antd chart library in my nextjs project even I copy the same code from antd sandbox it does not work properly like I want group column chart but its not as expected
here is their code
...
- 644
0
votes
0
answers
18
views
Component with Antd-Table inside and pass generic types
I have a reusable react-component in which i'm using an antd-table.
import type { TableProps } from 'antd/lib/table';
export function TableComponent_TRY<RecordType>(props: TableProps<...
- 1
0
votes
0
answers
27
views
Combining Edit Cell and Edit Row from Antd Into one component
I managed to combine the code for both editing a cell and editing a row in the AntD table.
The Cell editing is working well.
The Row editing is not working at all.
First, when you click on edit, the ...
0
votes
1
answer
26
views
Antd Form.Item validator doesn't trigger while i change input value via side buttons
I have an input with validator for min / max values. Also there is a button which sets value as max value in this input. The button is out of this form.
I type in input value under min and an error ...
- 11
0
votes
0
answers
18
views
Labels of sunburst chart in ant design chart are not working correctly
Sunburst chart labels do not work properly when the label display points are in the wrong position in the chart.
Here is the library and configuration code:
import { Sunburst } from "@ant-design/...
- 1
0
votes
1
answer
39
views
Antd select component does not set actual form value when setFieldsValue
Background:
I am using antd select component in my form for tagging. This form is used to update the backend on changes on an entity. Hence on first load, I would like to update the select component ...
- 55
0
votes
0
answers
20
views
onCancel function has no animation in Ant Design
I use Modal Component from Ant Design and I notice that once Modal is opened up there's normally an animation showing. However, when I cancel or close the modal, there's just flicker and no animation ...
- 1
1
vote
0
answers
40
views
Antd <Select> element with <Menu> as the dropdown list doesn't work, Can't load Menu.Item options
The const object defined as such
const [selectedItems, setSelectedItems] = useState([]);
const options = [
{
key: 'A',
value: 'A',
label: 'A'
},
{
key: 'S',
...
- 13
0
votes
1
answer
37
views
Antd TreeSelect Overwrite CSS
I am using the treeSelect component of the Antd library and I wanna change the way it looks. In particular, I wanna remove the border that it has around it and add only the border-bottom property.
...
- 11