ant-design - エンタープライズクラスのUI設計言語とReact UIライブラリです。

(An enterprise-class UI design language and React UI library)

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

Antデザイン

エンタープライズクラスのUIデザイン言語とReactUIライブラリ。

CIステータス codecov NPMバージョン NPMダウンロード

ステータスを更新する アラートの合計

Twitterをフォローする FOSSAステータス ディスカッション 問題は助けが必要

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

特徴

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

🖥環境サポート

IE/エッジ
IE/エッジ
Firefox
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
完全な定義を使用してTypeScriptで記述されている場合は、「TypeScriptで使用」をチェックして開始します。

🌍国際化

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

antd
してください。

🔗リンク

⌨️発達

GitHub用の無料のオンライン開発環境であるGitpodを使用してください。

Gitpodで開く

またはローカルでクローンを作成します。

$ git clone [email protected]:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

ブラウザを開き、 http: //127.0.0.1 :8001にアクセスします。詳細については、開発を参照してください。

🤝貢献PRへようこそ

私たちの貢献ガイドを読んで、一緒により良いantdを構築しましょう。

すべての貢献を歓迎します。最初にCONTRIBUTING.mdをお読みください。アイデアはプルリクエストとして、またはGitHubの問題として送信できます。コードを改善したい場合は、開発手順を確認して、楽しい時間を過ごしてください。:)

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

このリポジトリで問題に資金を提供しましょう

❤️スポンサーと後援者