ant-design - 企业级 UI 设计语言和 React UI 库

Created at: 2015-04-24 23:37:24
Language: TypeScript
License: MIT

蚂蚁设计

企业级 UI 设计语言和 React UI 库。

CI 状态 科德科夫 NPM 版本 NPM 下载

福斯中毒状况 由Argos视觉测试覆盖

关注推特 装修状态 杜米 问题需要帮助

中文 |葡萄牙 |简体中文 |Українською |西班牙语 |日本語 |العربية

✨ 特征

  • 🌈 专为 Web 应用程序设计的企业级 UI。
  • 📦 一组开箱即用的高质量 React 组件。
  • 🛡 用 TypeScript 编写,具有可预测的静态类型。
  • ⚙️ 一整套设计资源和开发工具。
  • 🌍 对数十种语言的国际化支持。
  • 🎨 基于 CSS in-JS的强大主题定制。

🖥 环境支持

  • 现代浏览器
  • 服务器端渲染
  • 电子
边缘
边缘
火狐
火狐
铬
野生动物园
野生动物园
电子
电子
边缘 最近 2 个版本 最近 2 个版本 最近 2 个版本 最近 2 个版本

📦 安装

npm install antd
yarn add antd

🔨 用法

import React from 'react';
import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

打字稿

antd
是用 TypeScript 编写的,具有完整的定义,请检查在 TypeScript 中使用以开始使用。

🌍 国际化

中支持数十种语言,请参阅 i18n

antd

🔗 链接

⌨️ 发展

使用 Gitpod,一个免费的 GitHub 在线开发环境。

在 Gitpod 中打开

或在本地克隆:

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

打开浏览器并访问 http://127.0.0.1:8001 ,有关详细信息,请参阅开发

🤝 贡献欢迎公关

阅读我们的贡献指南,让我们一起构建更好的蚂蚁。

我们欢迎所有贡献。请先阅读我们的 CONTRIBUTING.md。你可以将任何想法作为拉取请求GitHub 问题提交。如果你想改进代码,请查看开发说明并享受美好时光!:)

如果你是协作者,请按照我们的拉取请求原则创建包含协作者模板拉取请求

让我们在此存储库中为问题提供资金

❤️ 赞助商和支持者