Antデザイン

英語| ポルトガル語|简体中文| Українською | スペイン語|日本語

✨特徴

• 🌈Webアプリケーション用に設計されたエンタープライズクラスのUI。
• 📦箱から出してすぐに使える高品質のReactコンポーネントのセット。
• 🛡予測可能な静的型を使用してTypeScriptで記述されています。
• ⚙️設計リソースと開発ツールのパッケージ全体。
• 🌍数十の言語の国際化サポート。
• 🎨細部に至るまで強力なテーマのカスタマイズ。

🖥環境サポート

• 最新のブラウザーとInternetExplorer11（ポリフィル付き）
• サーバー側のレンダリング
• 電子

IE/エッジ	Firefox	クロム	サファリ	電子
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

🌍国際化

でサポートされている数十の言語。i18nを参照

antd

🔗リンク

• ホームページ
• コンポーネントの概要
• Ant Design Pro
• 変更ログ
• rc-components
• モバイルUI
• AntDesignProコンポーネント
• Antデザインチャート
• Antデザインアイコン
• Antデザインカラー
• ランディングページ
• モーション
• 足場市場
• 開発者向けの説明
• バージョン管理リリースノート
• よくある質問
• バグレポート用の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をお読みください。アイデアはプルリクエストとして、またはGitHubの問題として送信できます。コードを改善したい場合は、開発手順を確認して、楽しい時間を過ごしてください。:)

コラボレーターの場合は、プルリクエストの原則に従って、コラボレーターテンプレートを使用してプルリクエストを作成してください。

❤️スポンサーと後援者