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.

Ant Design

An enterprise-class UI design language and React implementation.

✨ Features

  • An enterprise-class UI design system for web applications.
  • A set of high-quality React components out of the box.
  • Written in TypeScript with predictable static types.
  • The whole package of development and design resources and tools.

Environment Support

  • Modern browsers and Internet Explorer 9+ (with polyfills)
  • Server-side Rendering
  • Electron

Install

npm install antd
yarn add antd

Usage

import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);

And import style manually:

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

Or import components on demand.

TypeScript

See Use in TypeScript.

Internationalization

See i18n.

Links

⌨️ Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

Or clone locally:

$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

Open your browser and visit http://127.0.0.1:8001 , see more at Development.

Contributing

Read our contributing guide and let's build a better antd together.

We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues. If you'd like to improve code, check out the Development Instructions and have a good time! :)

If you are a collaborator, please follow our Pull Request principle to create a Pull Request by collaborator template.

3277 questions
48
votes
6 answers

What has happened to Ant Design? Deleted from GitHub

Has Ant Design project been deleted? They were one of the biggest opensource frontend framework for React. their project on github is returning 404: https://github.com/ant-design/ant-design/ their website is broken: https://ant.design/ they are…
Jeggy
  • 1,049
  • 13
  • 27
40
votes
7 answers

ant design - huge imports

I'm using ant design library for my react application. And I've faced with huge imports, that hurts my bundle (currently 1.1 mb in minified version because of ant-design lib). How can I differently import antd components through all my…
WebArtisan
  • 3,248
  • 9
  • 31
  • 54
32
votes
2 answers

How to use antd.Form.create in typescript?

I have a login form created by Form.create(), but I can't pass any props to this form from parent component, compiler always notify a error like error TS2339: Property 'loading' does not exist on type 'IntrinsicAttributes &…
Kennir
  • 465
  • 1
  • 5
  • 9
23
votes
1 answer

how to sort a table in alphabetical order with antd

I want to filter the column in alphabetical order here is the code to filter by the size how to do thank you const columns = [{ title: 'First Name', dataIndex: 'first_name', sortDirections: ['descend', 'ascend'], key:…
OAH
  • 932
  • 1
  • 8
  • 22
22
votes
1 answer

Ant-Design Table > How can I disable pagination and show all records

My questions are Ant-Design Table > How can I disable pagination and show all records... Currently, I can configure the pagination component but I don't know how to disable it. Thanks
Timur Catakli
  • 879
  • 1
  • 7
  • 10
21
votes
2 answers

React | Ant design select default value

I'm using ant design in my project. Here I have a select as a dynamic field. when I trying to set default value for select. It doesn't work.