mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 11:40:04 +08:00
9.9 KiB
9.9 KiB
Ant Design
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'
TypeScript
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 git@github.com: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 を作成するためのプルリクエストの原則に従ってください。