English | Português | 简体中文 | Українською | Spanish | 日本語
- 🌈 ウェブアプリケーション用に設計されたエンタープライズクラスの UI。
- 📦 高品質な React コンポーネントのセットが箱から出されます。
- 🛡 TypeScript で書かれており、予測可能な静的型がある。
- ⚙️ デザインリソースと開発ツールの全体的なパッケージ。
- 🌍 数十の言語に対応した国際化サポート。
- 🎨 強力なテーマのカスタマイズを細部にわたって実現。
IE / Edge |
Firefox |
Chrome |
Safari |
Electron |
---|---|---|---|---|
IE11, Edge | 直近の 2 バージョン | 直近の 2 バージョン | 直近の 2 バージョン | 直近の 2 バージョン |
npm install antd
yarn add antd
import { Button, DatePicker } from 'antd';
const App = () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker placeholder="select date" />
</>
);
そして、手動でスタイルをインポートする:
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
antd
は TypeScript で書かれており、完全な定義がなされています。まずは TypeScript で使うをチェックしてください。
数十の言語が antd
でサポートされています。i18n を参照してください。
- ホームページ
- コンポーネントの概要
- Ant Design Pro
- 変更ログ
- rc-components
- Mobile UI
- Ant Design Pro コンポーネント
- Ant Design チャート
- Ant Design アイコン
- Ant Design カラー
- ランディングページ
- 動作
- 足場マーケット
- 開発者向けインストラクション
- バージョン管理リリースノート
- FAQ
- バグレポート用の CodeSandbox テンプレート
- テーマのカスタマイズ
- コラボレーターへの応募方法
GitHub の無料オンライン開発環境である Gitpod を利用する。
またはローカルにクローンする:
$ git clone [email protected]:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start
ブラウザを起動し、http://127.0.0.1:8001 にアクセスして開発セクションの続きをもっと見る.
貢献ガイドを読んで、よりよい antd を一緒の作り上げましょう。
すべての貢献に感謝します。まずは CONTRIBUTING.md をお読みください. どんなアイデアも Pull Request や GitHub issues で応募することができます. コードの改良をしたい方は、開発手順 を確認してください。あとは楽しみましょう! :)
コラボレーターの方は、コラボレーター テンプレートを使い、Pull Request を作成するためのプルリクエストの原則に従ってください。