Category "antd"

How to make alert on click of button

Is there a way to make Alert on click not using the alert method but Alert tag. Currently I tried using usestate but didn’t work

React Antd: How to remove spacing between vertical divider and any content right next to it?

</div> <Divider type="vertical" style={{ width: "5px", height: "auto" , marginRight : '0px' , padding : '0 0'}} /> <div style={{ padding : '0 0'

Override Mantine styles to only one element

In my React project, I am using Mantine's library accordion in two different components: Search.jsx and Profile.jsx. The point is I need to accurately customize

Change language in DatePicker Ant Design

I have some problem with change language of month and days in my DatePicker from Ant Design. I want my DatePicker looks like this: want I try to use this https:

AntD React InputNumber Increase/Decrease buttons appear to start infinite loop

I am experiencing some unusual behaviour with AntD InputNumber component, specifically using the up/down incrementation buttons: I have a very basic implementa

CKEditor getting displayed twice

I am trying to integrate CKEditor with antd in a React application. This is my code: <Form {...layout} form={form} name="control-hooks" onFinish={onFinish}&

How to custom search bars in Ant Design ProTable

Currently, I am using table of antd ProTable. I want to divide a column into two smaller ones, and each should has its equivalent search bar. However, it only s

Use of Maps Chart from Ant Design

I'm using ANT DESIGN CHARTS on an example project in React. I try to add two differents types of charts a line chart and a map chart for the moment only a copy

Need to do Radio button in antd default checked

I have a Radio Button Group with dynamically data coming from an array. Here's the code : <Radio.Group options={uniqueRadioElements} onChange={onCate

ReactJs - Ant design Tabs Card does not render content

My components used ReactJs Framework that built with Ant Design UI. My stucking is the rendering on tabs content. I try to nest the LoginForm component to TabsC

Modify values of selected option ANTD

I want to choose "% Percent" as option, but the value on the select label want to be only "%", if I set value attribute, it doesn't change when select other opt

How can I change the text color of an Ant Design Radio component when it is disabled

I want to change the text color when an Ant Design Radio button is disabled. I have been trying things like this... .ant-radio[disabled]:active { color: $g0

Ant Design's Time Picker color

Is there an easy and quick way to modify these colors? Thanks in advance

Using ant design, how can i implement a text area as a search?

I'm trying to create an search input box using antd, but the input box doesnt seem to allow for autosize (when more than one line of text is input, it doesnt ge

Custom CSS for AntD Date Range Picker

I am trying to colour code the AntD components on my form so that when I am creating a new record the colour scheme is green instead of blue (when Editing an ex

how can customize antd datepicker footer?

I am working with Antd datepicker and I want to customize its footer like this. How can I do this using css? releated sandbox: https://codesandbox.io/s/customi

Ant Design Select fetch data at the begining without typing

I am using Ant Design Select. CodeSandBox URL According to the example above, when i started typing, then Select will started to load the data using fetchUserLi

Antd expandable table, expand all rows at same time when click on expand button

I'm using an expandable table from antd design version 4.10 in my app with Next.js v10.0.4. When I clicked in + button in table its suppose to open only the row

React scroll with antd tabs (scrollIntoView) working for some tabs only

I'm building a multi tab chat like UI using react and antd, it looks like image below. On the left side you can see multiple tabs showing last names using antd

Antd Resizable table columns in TypeScript

I'm implementing antd <Table> component and need to make columns resizable with react-resizable. I was following the example in the documentation, but sin