Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jun 23 13:26
    tangjinzhou closed #531
  • Jun 23 02:53
    wheeljs opened #531
  • Jun 10 07:59
    vagusX commented #479
  • Jun 10 03:56
    Suphonseesanong commented on ecfafee
  • Jun 10 03:56
    Suphonseesanong commented on ecfafee
  • Jun 10 03:56
    Suphonseesanong commented on ecfafee
  • Jun 10 03:56
    Suphonseesanong commented on ecfafee
  • Jun 09 14:03
    vagusX commented #530
  • Jun 09 14:01
    vagusX synchronize #530
  • Jun 08 14:56
    FlorianWendelborn commented #604
  • Jun 08 13:55
    vagusX commented #530
  • Jun 08 13:55
    vagusX commented #530
  • Jun 08 13:53
    vagusX synchronize #530
  • Jun 08 13:31
    vagusX synchronize #530
  • Jun 08 13:25

    vagusX on master

    chore: update https://registry.… (compare)

  • Jun 08 13:25
    vagusX closed #518
  • Jun 08 13:24
    vagusX edited #518
  • Jun 08 13:23
    vagusX closed #523
  • Jun 08 13:22
    vagusX synchronize #530
  • Jun 07 14:52
    vagusX edited as member
Artur Marchi
@marchiartur
it's always true
Artur Marchi
@marchiartur
can't I set a color for a badge and put a conditional for its visibility?
Szalai Laci
@szlaci3
The collapsed-button is shown on the sidebar and I want it on the header. I can't find any config that refers to this. Do you know if there is a way to move it (and customize it)? Otherwise I will hide it and make my own button. The hardest will be to get its state.
This is ant-design-pro 5
collapse-button.png
pdeluca93
@pdeluca93

Hi! I have a question. On Form Items, how can I run automatically the validation that is under the property "rules" when it loads the initial value?

I see that only works when you change the value of the input

Abraham73
@abrahamolatubosun1973

Hi,
I am new to Ant-design though I have been doing some reading about it but still thinking how best to implement it with my REACT application. I am frustrated with MATERIAL-UI, just to implement Form Layout using MATERIAL-UI GRID and CONTAINER is taking me forever, my project is for 4 weeks and I have been trying this framework for 2 weeks now which is 50% of my productive working time wasted.
Please I will need anyone to bring me to SPEED, on how to implement ANT-DESIGN in my React Project so that I can meet up with the timeline.

Thank you in anticipation

punitk-perpetualny
@punitk-perpetualny
Hi All
Is there any to reset antd slider on button click?
Fernando Abrão
@fdabrao
Hi @abrahamolatubosun1973 , It depends on how you use it. I speeded up my producitivity using ANT-DESIGN with ng-zorro, Antd with Angular. Even knowing that this is heavy framework, it worth.
Maryam Abdi
@maryamabdi76
Hi
I used ant-design version-3 in my project
I started to migrate v4
but in this time (in v3) I need feature in date-picker when change month or year by arrows of date-picker call my function
I know in v4 ant has onPanelChange but could you give me solution in v3?
I asked in ant-design github but they didn't help me
Artur Marchi
@marchiartur
hey guys, how can I use date-fns in time picker?
12dollar
@12dollar
Can someone give feedback on the current compliance of ant design to WCAG 2.0 AA? If it's not compliant I won't be able to use it (and if that's the case saying it's an enterprise-class framework is simply wrong ;) )
SHAHRUKH KHAN
@khansrk
Please help me with my code. I am trying to do a simple project using react and excel but not able to display the output. I worked as a developer 3 years back but now starting again so facing a lot of issues. Can anyone help me ?
Yasin Khan
@yasinnkhann
hello, I'm new to this community
I'm trying to use cloudinary to host all the image data for when I make a file upload but I keep getting a 400 error. It's hard for me to figure out how to use this with ant designs upload component which I got from the offical docs. It should be able to upload up to 5 files and if there are more, it conditionally un-renders the upload button, which I have already done. I just dont know how to handle the action attribute, all my work is being done on the serverUpload function.
ericfrontdev
@ericfrontdev:matrix.org
[m]
Hi, how can I delete a row on table ? Thank you
useless.vevo
@uselessvevo
Hello everyone. I have a question, how can I draw Menu.SubMenu and it Menu.Item components in map loop function?
data  = {
    "Weldlog": [
        {
            "id": 1,
            "title": "Weldlog",
            "link": "/workspace/weldlog",
            "icon": "MonitorOutlined",
            "component": "Weldlog",
            "is_root": true,
            "parent": null
        },
        {
            "id": 2,
            "title": "Labs",
            "link": "labs",
            "icon": "MonitorOutlined",
            "component": "Labs",
            "is_root": false,
            "parent": "Weldlog"
        },
        {
            "id": 3,
            "title": "Lab requests",
            "link": "labrequest",
            "icon": "FileProtectOutlined",
            "component": "LabRequest",
            "is_root": false,
            "parent": "Weldlog"
        }
    ]
}
Render function:
    render() {
        const { navMenuData } = this.state;
        console.log(navMenuData)
        if(navMenuData === null){
            return(
                <Spin tip="Загружаем меню..."/>
            )
        } else {
            return (
                <div>
                    <Menu theme="dark" mode="horizontal" defaultSelectedKeys={this.props.activeKey} selectedKeys={this.props.activeKey}>
                        {
                            Object.entries(navMenuData).map(([menuRootItem, menuItems]) => (
                                <Menu.SubMenu title={menuRootItem}>
                                    {
                                        Object.values(menuItems).map((menuItem) => {
                                            console.log(menuItem)
                                            return(
                                                <Menu.Item key={menuItem.link}>{menuItem.title}</Menu.Item>
                                            )
                                        })
                                    }
                                </Menu.SubMenu>
                            ))
                        }
                        <Menu.Item
                            key="user"
                            onClick={() => {this.setState({visible: true})}}
                            icon={Icon['UserOutlined'].render()}
                            style={{marginLeft: 'auto'}}
                        >
                            {`${this.state.auth.profile.first_name} ${this.state.auth.profile.second_name}`}
                        </Menu.Item>
                    </Menu>

                    <Drawer
                        width={640}
                        placement="right"
                        closable={true}
                        onClose={() => this.setState({visible: false})}
                        visible={this.state.visible}
                        // visible={true}
                    >
                        <UserControl/>
                    </Drawer>
                </div>
            );
        }
    }
Aadarsha Acharya
@adarshaacharya
how to use tag input component in ant design
is there any specific library for that?
Simon Rydberg
@simpor

So I have a table where I mark rows red if they have a status FAIL, this works nice, but now I want the hover color to have a stronger red color on the FAIL rows.
I cant find anyway to manipulate the hover color in the table.
To be clear, I want to change the hover color on the table depending on the data of the row.

<Table
    dataSource={data}
    rowClassName={(record, index) =>
        record.status.includes("FAIL")
            ? "table-row-failed"
            : ""
        }
        rowKey="reference"
        columns={columns}
        ></Table>

Is this possible?

Simon Rydberg
@simpor
To answer my own question, this is the solution that worked for me.
.table-row-failed {
    background-color: #ffccc7;
}
.table-row-failed:hover {
    background-color: #ffa39e;
}
.ant-table-tbody
> tr.ant-table-row:hover.table-row-failed
> td {
    background: unset;
}
Monarch Maisuriya
@ingeniousambivert
Hello there, I need a custom select+input component for my form. One where I can either choose a value from select or type a custom value in the input. I cannot seem to find anything similar to this on the documentation website. Is there such a thing in antd ? Or any other component with this functionality ?
1 reply
Oleg Korsak
@kamikaze
Hi there. I have a question regarding Layout Sider : https://3x.ant.design/components/layout/#components-layout-demo-top-side
Is there any best practices to have a Sider menu which is dependant on main menu item selection? To have different Sider menus for every main menu item selected?
Like if there is a top-level App component which handles the layout, main/left menus and I just need to pass apropriate menu to it... I would like to not copy paste siders across all pages
Momin Riyadh
@momin-riyadh
Hello Dear Fellow Developers
I'm using ant.design for the first time
And I'm having problem with ant.design navigation menu active classw
active class not working for navigation
Priyank Pulumati
@priyankcommits

Hi all
Forgive me if this has been asked previously.

I am facing a css bundle size issue (12 MB)

I'm importing a lot of AntD components in my project like
import { Button } from 'antd';
...
...

In my App.less I am importing @import '~antd/dist/antd.less';

When I build my react app (created with create-react-app)
The main css chunk size is 12 MB.

I analzyed it with source-map-explorer it shows 70% of it is from colors and style

Version: 4.16.13
legome0937
@legome0937
Hi, everyone!
shreelola hegde
@shreelola_twitter
Are there any English ant design templates for sketch?
gunwant11
@gunwant11
hello everyone
Nguyễn Lê Xuân Hòa
@student1060632fpt
Hi guy
I just meet a problem when I use antd in mobile the first time
image.png
I just use the Checkbox and style it, nothing else, But I got this error after I restart the project
could anyone please help me
Nguyễn Lê Xuân Hòa
@student1060632fpt
image.png
image.png
please can anyone help me with this bug
Đức Huy Lê
@lduchuy2002
image.png
i had a problem with types Moment in antd when migrate antd from 4.17.4 to 4.20.3 . Can any one please help me check this out
image.png
Convert Vy
@vyconvert_twitter
Hello, I have my new site which called https://vyconvert.com/. VyConvert is the place where you can find everything about converting: celcius to farenheit convert, convert cm to inches, convert pdf to word, etc. The main purpose of vyconvert.com is to provide a comprehensive collection of convert-type results matching your search! Hope you like it and take a look at it
GusMarroquin
@GusMarroquin
hi
how use all icons of the main.js vue
import icon from '@ant-design/icons-vue' , but writing .use(icon) error vue