You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

9.4 KiB

Ant Design

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

CI status codecov NPM version NPM downloads

Renovate status Total alerts

Follow Twitter FOSSA Status Discussions Issues need help

English | Português | 简体中文 | Українською | Spanish | 日本語

機能

  • 🌈 ウェブアプリケーション用に設計されたエンタープライズクラスの UI。
  • 📦 高品質な React コンポーネントのセットが箱から出されます。
  • 🛡 TypeScript で書かれており、予測可能な静的型がある。
  • ⚙️ デザインリソースと開発ツールの全体的なパッケージ。
  • 🌍 数十の言語に対応した国際化サポート。
  • 🎨 強力なテーマのカスタマイズを細部にわたって実現。

🖥 環境対応

  • モダンブラウザ
  • サーバーサイド レンダリング
  • Electron
Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
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" />
  </>
);

TypeScript

antd は TypeScript で書かれており、完全な定義がなされています。まずは TypeScript で使うをチェックしてください。

🌍 国際化対応

数十の言語が antd でサポートされています。i18n を参照してください。

🔗 リンク

⌨️ 開発

GitHub の無料オンライン開発環境である Gitpod を利用する。

Gitpod で開く

またはローカルにクローンする:

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

ブラウザを起動し、http://127.0.0.1:8001 にアクセスして開発セクションの続きをもっと見る.

🤝 貢献 PRs Welcome

貢献ガイドを読んで、よりよい antd を一緒の作り上げましょう。

すべての貢献に感謝します。まずは CONTRIBUTING.md をお読みください. どんなアイデアも Pull RequestGitHub issues で応募することができます. コードの改良をしたい方は、開発手順 を確認してください。あとは楽しみましょう! :)

コラボレーターの方は、コラボレーター テンプレートを使い、Pull Request を作成するためのプルリクエストの原則に従ってください。

このレポジトリの課題に資金を提供しよう

❤️ スポンサーと後援者