English | Português | 简体中文 | Українською | Spanish | 日本語 | العربية
- 🌈 واجهة مستخدم من فئة المؤسسات مصممة لتطبيقات الويب.
- 📦 مجموعة من مكونات React عالية الجودة خارج الصندوق.
- 🛡 مكتوب في TypeScript بأنواع ثابتة يمكن التنبؤ بها.
- ⚙️ مجموعة كاملة من موارد التصميم وأدوات التطوير.
- 🌍 دعم التدويل لعشرات اللغات.
- 🎨 تخصيص موضوع قوي على أساس CSS-in-JS.
- المتصفحات الحديثة
- التقديم من جانب الخادم
- إلكترون
Edge |
Firefox |
Chrome |
Safari |
Electron |
---|---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
npm install antd
yarn add antd
import React from 'react';
import { Button, DatePicker } from 'antd';
const App = () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker placeholder="select date" />
</>
);
الخاصية antd
مكتوبة في TypeScript مع تعريفات كاملة ، تحقق Use in TypeScript للبدء.
يتم دعم عشرات اللغات فيantd
, انظر i18n.
- الصفحة الرئيسية
- نظرة عامة على المكونات
- برنامج Ant Design Pro
- تغير الدخول
- مكونات
- موبايل UI
- برنامج صغير UI
- مكونات Ant Design Pro
- رسوم بيانية Ant Design
- أيقونات Ant Design
- ألوان Ant Design
- صفحة لاند
- حركة
- سوق Scaffold
- تعليمات المطورين
- إعداد نسخ الاصدارات
- أسئلة مكرة
- قالب CodeSandbox
- تخصيص ثيم
- كيفية التقدم بطلب المشاركة كمتعاون
استخدم Gitpod, بيئة تطوير مجانية عبر الإنترنت لـ GitHub.
أو انسخه محلياً:
$ git clone [email protected]:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start
افتح متصفحك وقم بزيارة http://127.0.0.1:8001 , شاهد المزيد Development.
أقرأ دليل المساهمة ودعونا نبني معاً الأفضل.
نرحب بجميع المساهمات. يرجى قراءة CONTRIBUTING.md أولاً. يمكنك تقديم أي أفكار pull requests أو GitHub issues. إذا كنت ترغب في تحسين التعليمات البرمجية ، تحقق من Development Instructions وأتمنى لك وقتاً ممتعاً! :)
إذا كنت مساهماً ، فيرجى اتباع Pull Request principle لإنشاء طلب مساهمة مع collaborator template.