ant-design/ant-design-english

Please use English here

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

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

please can anyone help me with this bug

Đức Huy Lê

@lduchuy2002

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

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

how use all icons of the main.js vue

import icon from '@ant-design/icons-vue' , but writing .use(icon) error vue

Carlos

@cmpscabral

Hi everyone, can someone please recommend an input mask library that can work seamlessly with ant-design-vue? thanks!

zhuijing

@zhuijing

汉兜弹幕版，https://b23.tv/BggRC8S

Szalai Laci

@szlaci3

Has someone used Map Geolocation in China? Something like these:
Amap @uiw/react-amap
Baidu react-baidu-map
I can't get user's coordinates on computer anymore.

Where communities thrive

People

Repo info

Activity